Así que asegurémonos de que podamos ver todos los datos con los que estamos trabajando. En el artículo del lugar, ya
tengo una idea de la
dirección, solo necesito asegurarme de que encaje allí. Entonces, en la pantalla de la lista de lugares, cuando uso el elemento de lugar, en lugar
de pasar nulo para la dirección, por supuesto, deberíamos pasar itemData. articulo. dirección allí porque
deberíamos tener la dirección almacenada.
Entonces, si intentamos eso y esto se vuelve a cargar, vemos una dirección ficticia aquí y ahora si agregamos un nuevo elemento que debería funcionar
como un título y luego una imagen para tomar una buena imagen e incluso podemos movernos un
poco presionando el botón clave que
ves allí, así que
ahora
si tomo una imagen aquí, sí, esto se ve bien, este y confirmo haciendo clic en recortar allí, eso
se ve bien.
Ahora obtenga la ubicación del usuario tal vez y luego guarde esto, esto se ve bien.
Esta es la dirección de la sede de Google,
se parece a la imagen que
tomé, así que está bien.
Asegurémonos de que en la página de detalles, también veamos un poco más sobre esto y para eso en
la pantalla de detalles del lugar aquí, por supuesto, podemos ajustar esto y agregar una vista de desplazamiento para asegurarnos de que siempre podamos ver
todo. no necesito una lista plana aquí porque no tendremos una cantidad infinita de elementos, tal vez solo
un poco de desplazamiento que se requiere en función del
tamaño del dispositivo y luego, definitivamente, quiero poder generar una imagen .
Así que aquí generaré mi imagen y debajo de eso,
también quiero poder generar mi dirección y luego, en realidad, una vista previa del mapa, así que también importaré
esto y tendremos que ajustar un poco ese componente por lo
tanto, pero por ahora solo importaré la vista previa del mapa desde la vista previa del mapa de componentes, como esta, y
mostraré esto debajo de mi texto aquí.
Ahora en el texto, quiero tener el texto de mi dirección al final y eso es, por supuesto, todos los datos que espero
que se pasen como parámetros o con la ayuda de parámetros,
para ser precisos cuando seleccionamos un elemento, ya pasamos la identificación del lugar aquí.
Entonces, en la pantalla de detalles del lugar, puedo obtener la ID del lugar accediendo a los accesorios. navegación. El ID de lugar de getParam
es el identificador que utilicé y luego, por supuesto, podemos usar el selector de uso para
obtener
los datos de ajuste de nuestra tienda
Redux, así que desde React Redux, de ahí importamos esto y luego aquí, podemos obtener nuestro lugar seleccionado con el ayuda del selector de
uso, pasar una función y acceder al estado. lugares. lugares y luego el método find para encontrar un lugar
específico donde la ID del lugar debe ser igual a la ID del lugar que estamos extrayendo de
nuestros parámetros, ese es el lugar que cargamos para esta pantalla y el lugar seleccionado, por lo tanto, tiene un campo de dirección
que podemos acceder porque al final sigue nuestro modelo de lugar y para la imagen, por supuesto, también podemos vincular
la fuente y establecer el URI en este objeto, pasamos la fuente a selectedPlace. imageUri porque en mi modelo de lugar allí, llamo
a este URI de imagen, eso es lo
que
extraigo aquí y para la
vista previa del mapa, quiero pasar en mi ubicación.
Lo bueno es que mi vista previa del mapa, por supuesto, toma
una ubicación, busca este accesorio de ubicación para poder pasar esto y este debería ser un objeto realmente con la
tecla lat, para que podamos usar selectedPlace. lat para esto y la tecla lng que se selecciona Place. lng.
Así que ahora pasamos todo eso allí.
Ahora también envolveré el texto aquí en una vista y luego asignaré algunos estilos aquí, así
que en la imagen aquí, quiero tener un estilo de estilos. imagen en esta vista aquí que envuelve todo mi material basado en
la ubicación, quiero tener
un estilo de, digamos, contenedor de ubicación. En esta vista aquí, un
contenedor
de estilo de dirección, en el texto aquí, estilo de dirección y en la vista previa del mapa, también estableceré un
estilo y nombraré
esta vista previa del mapa, así.
Ahora, si usa exactamente los mismos nombres, adjunto encontrará un estilo que configuré para usted, puede reemplazar su
objeto de estilos con eso y esto configura
estilos para todos estos identificadores que acabo de agregar para que todo se vea como quiero que se vea.
Eso está adjunto y puede usarlo para asegurarse de obtener el mismo estilo de fábrica sin
que yo escriba todos estos estilos porque hemos escrito muchos estilos a lo largo de
este curso, aquí realmente quiero centrarme en la funcionalidad nativa y no escríbelos todos de nuevo.
Ahora, una cosa importante, en la vista de desplazamiento, también debe configurar el estilo del contenedor
de contenido y allí usaré un estilo en línea rápido y sucio para configurar los elementos de alineación aquí
en los centros para que todo esté bien centrado en el eje horizontal. Con eso deberíamos poder ver los detalles sobre un lugar.
Una nota importante, utilizo los colores constantes en los estilos que
le proporcioné, por lo que debe asegurarse de importarlos, importar colores de Constantes / colores y con esa importación agregada aquí también, si guarda
eso y esto vuelve a cargar, debería poder ver estos lugares en Android y, por supuesto, podría mostrar
un texto alternativo si no tiene lugares, pero ahora aquí,
verá los lugares y si hago clic
en él, esta es la pantalla de detalles.
Ahora, el único problema que tengo con eso es que se
ve bien,
eso es bueno, pero si hago clic en el mapa, no pasa nada y, por supuesto, allí también quiero ir a la
pantalla del mapa, pero de una manera no editable, de modo que vaya a la pantalla del mapa sin poder editarlo allí.
Esa es la pieza restante que
necesitamos agregar.