Então, vamos ter certeza de que podemos ver todos os dados com os quais estamos trabalhando. No item do local, eu já
tenho uma ideia do endereço,
só preciso garantir que eu o encaixe nele. Portanto, na tela da lista de locais, quando eu uso o item do local, em vez de
passar nulo para o endereço, é claro que devemos passar o itemData. item. endereço lá porque
devemos ter o endereço armazenado.
Portanto, se tentarmos isso e isso for recarregado, veremos um endereço fictício aqui e agora se adicionarmos um novo item que deve funcionar como um título
e, em seguida, uma imagem para obter uma imagem agradável e podemos até nos mover um pouco por
aqui pressionando o botão chave que
você vê lá em baixo,
então
agora, se eu tirar uma imagem aqui, sim, isso parece bom, este e confirme clicando em cortar lá em cima,
isso parece bom.
Agora, talvez obtenha a localização do usuário e, em seguida, salve-a, isso parece bom.
Este é o endereço da sede do Google,
parece a imagem que tirei,
o que é legal.
Vamos garantir que, na página de detalhes, também vejamos um pouco mais sobre isso e, para isso, na
tela de detalhes do local, é claro que podemos ajustar isso e adicionar uma exibição de rolagem para garantir que possamos sempre ver tudo,
não precisamos de uma lista simples aqui, porque não teremos uma quantidade infinita de itens, talvez apenas
um pouco de rolagem necessária com base no tamanho
do dispositivo e, aí, eu definitivamente quero poder gerar uma imagem .
Então, aqui, mostrarei minha imagem e, abaixo disso,
também quero exibir meu endereço e, na verdade, também uma visualização do mapa, então importarei isso também
e precisaremos ajustar um pouco esse componente bit, portanto,
mas, por enquanto, apenas importarei a visualização do mapa da visualização do mapa de componentes, como esta, e mostrarei
isso abaixo do meu texto aqui.
Agora, no texto, quero ter o texto do meu endereço no final e, é claro, todos os dados que espero que sejam
passados como parâmetros ou com a ajuda de parâmetros, para
ser mais preciso ao selecionar um item, já passamos o ID do local aqui.
Portanto, na tela de detalhes do local, posso obter o ID do local acessando adereços. navegação. O ID do local getParam é
o identificador que eu usei e, é claro, podemos usar o seletor para obter os
dados
de ajuste de nossa loja Redux; portanto,
no React Redux, é onde importamos isso e, em seguida, aqui, podemos obter nosso local selecionado com o ajuda do seletor de
uso, passe uma função e acesse o estado. locais. locais e, em seguida, o método find para encontrar
um local específico onde o ID do local deve ser igual ao ID do local que estamos extraindo
de nossos parâmetros, esse é o local que carregamos para essa tela e o local selecionado, é claro, tem um campo de endereço
que podemos acessar porque, no final, segue o nosso modelo de local e, para a imagem, também podemos vincular
a fonte e definir o URI nesse objeto. Passamos a fonte para selectedPlace. imageUri porque no meu modelo de local, nomeio
esta imagem como URI, é o que
estou
extraindo aqui e, para
a visualização do mapa, quero passar na minha localização.
O bom é que minha visualização do mapa, é claro, pega uma
localização, ela procura esse local para que eu possa passar isso e esse deve ser um objeto com chave
lat, para que possamos usar selectedPlace. lat para isso e a tecla lng que é selecionadaPlace. lng.
Então agora passamos tudo isso lá.
Agora, também vou envolver o texto aqui em uma visualização e depois atribuir alguns estilos aqui.
Portanto, na imagem aqui, quero ter um estilo de estilo. imagem nesta exibição aqui, que envolve todo o meu material baseado
em localização, quero ter
um estilo de, digamos, contêiner de localização. Nesta visualização aqui, um estilo
de
contêiner de endereço, no texto aqui, estilo de endereço e na visualização do mapa, também definiremos um estilo
e nomearemos
essa visualização do mapa, assim.
Agora, se você usar exatamente os mesmos nomes, em anexo encontrará algum estilo que eu configurei para você, basta
substituir o objeto de estilos por esse e
isso configura estilos para todos esses identificadores que acabei de adicionar para fazer com que tudo pareça quer que
pareça.
Então, isso está anexado e você pode usá-lo para garantir que você obtenha o mesmo estilo
imediatamente, sem que eu escreva todos esses estilos, porque escrevemos muitos estilos ao longo deste
curso. Aqui, eu realmente quero focar na funcionalidade nativa e não escreva tudo isso de novo.
Agora, uma coisa importante, na exibição de rolagem, você também deve definir o estilo do contêiner
de conteúdo e lá usarei um estilo em linha rápido e sujo para definir os itens de alinhamento aqui
para os centros, para que tudo fique bem centralizado no eixo horizontal. Com isso, poderemos ver os detalhes sobre um lugar.
Uma observação importante: eu uso as cores constantes nos estilos que
forneci a você, portanto, você deve importar, importar cores de Constantes / cores e com essa importação adicionada aqui também, se você salvar isso
e isso for recarregado, você poderá ver esses lugares no Android e, é claro, poderá mostrar um
texto substituto se não tiver lugares, mas agora aqui,
você vê os lugares e, se eu
clicar nele, essa é a tela de detalhes.
Agora, o único problema que tenho com isso é que
parece bom,
isso é bom, mas se eu clicar no mapa, nada acontece e, é claro, também quero ir para a tela
do mapa, mas de uma maneira não editável, para que eu vá para a tela do mapa sem poder editá-lo lá.
Essa é a peça restante que
precisamos adicionar.