1
00:00:02,200 --> 00:00:07,030
Então, vamos ter certeza de que podemos ver todos os dados com os quais estamos trabalhando. No item do local, eu já

2
00:00:07,030 --> 00:00:09,310
tenho uma ideia do endereço,

3
00:00:09,310 --> 00:00:14,820
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

4
00:00:14,830 --> 00:00:20,940
passar nulo para o endereço, é claro que devemos passar o itemData. item. endereço lá porque

5
00:00:20,940 --> 00:00:23,820
devemos ter o endereço armazenado.

6
00:00:23,820 --> 00:00:33,960
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

7
00:00:33,960 --> 00:00:41,260
e, em seguida, uma imagem para obter uma imagem agradável e podemos até nos mover um pouco por

8
00:00:41,260 --> 00:00:43,600
aqui pressionando o botão chave que

9
00:00:43,600 --> 00:00:45,480
você vê lá em baixo,

10
00:00:45,700 --> 00:00:46,630
então

11
00:00:47,870 --> 00:00:55,760
agora, se eu tirar uma imagem aqui, sim, isso parece bom, este e confirme clicando em cortar lá em cima,

12
00:00:55,850 --> 00:00:56,900
isso parece bom.

13
00:00:56,900 --> 00:01:02,600
Agora, talvez obtenha a localização do usuário e, em seguida, salve-a, isso parece bom.

14
00:01:02,600 --> 00:01:04,350
Este é o endereço da sede do Google,

15
00:01:04,350 --> 00:01:05,550
parece a imagem que tirei,

16
00:01:05,550 --> 00:01:06,630
o que é legal.

17
00:01:06,630 --> 00:01:12,240
Vamos garantir que, na página de detalhes, também vejamos um pouco mais sobre isso e, para isso, na

18
00:01:12,570 --> 00:01:19,890
tela de detalhes do local, é claro que podemos ajustar isso e adicionar uma exibição de rolagem para garantir que possamos sempre ver tudo,

19
00:01:19,890 --> 00:01:25,460
não precisamos de uma lista simples aqui, porque não teremos uma quantidade infinita de itens, talvez apenas

20
00:01:25,460 --> 00:01:28,690
um pouco de rolagem necessária com base no tamanho

21
00:01:29,180 --> 00:01:32,840
do dispositivo e, aí, eu definitivamente quero poder gerar uma imagem .

22
00:01:32,840 --> 00:01:36,410
Então, aqui, mostrarei minha imagem e, abaixo disso,

23
00:01:36,410 --> 00:01:43,270
também quero exibir meu endereço e, na verdade, também uma visualização do mapa, então importarei isso também

24
00:01:43,280 --> 00:01:47,190
e precisaremos ajustar um pouco esse componente bit, portanto,

25
00:01:47,200 --> 00:01:55,110
mas, por enquanto, apenas importarei a visualização do mapa da visualização do mapa de componentes, como esta, e mostrarei

26
00:01:55,110 --> 00:01:57,830
isso abaixo do meu texto aqui.

27
00:01:57,890 --> 00:02:06,650
Agora, no texto, quero ter o texto do meu endereço no final e, é claro, todos os dados que espero que sejam

28
00:02:06,650 --> 00:02:11,040
passados como parâmetros ou com a ajuda de parâmetros, para

29
00:02:11,120 --> 00:02:16,660
ser mais preciso ao selecionar um item, já passamos o ID do local aqui.

30
00:02:16,700 --> 00:02:25,200
Portanto, na tela de detalhes do local, posso obter o ID do local acessando adereços. navegação. O ID do local getParam é

31
00:02:25,230 --> 00:02:32,430
o identificador que eu usei e, é claro, podemos usar o seletor para obter os

32
00:02:32,490 --> 00:02:33,530
dados

33
00:02:33,540 --> 00:02:36,680
de ajuste de nossa loja Redux; portanto,

34
00:02:36,780 --> 00:02:47,260
no React Redux, é onde importamos isso e, em seguida, aqui, podemos obter nosso local selecionado com o ajuda do seletor de

35
00:02:47,300 --> 00:02:57,950
uso, passe uma função e acesse o estado. locais. locais e, em seguida, o método find para encontrar

36
00:02:57,950 --> 00:03:03,920
um local específico onde o ID do local deve ser igual ao ID do local que estamos extraindo

37
00:03:03,920 --> 00:03:11,420
de nossos parâmetros, esse é o local que carregamos para essa tela e o local selecionado, é claro, tem um campo de endereço

38
00:03:11,420 --> 00:03:17,750
que podemos acessar porque, no final, segue o nosso modelo de local e, para a imagem, também podemos vincular

39
00:03:17,750 --> 00:03:26,600
a fonte e definir o URI nesse objeto. Passamos a fonte para selectedPlace. imageUri porque no meu modelo de local, nomeio

40
00:03:26,690 --> 00:03:30,510
esta imagem como URI, é o que

41
00:03:30,520 --> 00:03:31,440
estou

42
00:03:31,440 --> 00:03:33,640
extraindo aqui e, para

43
00:03:33,940 --> 00:03:38,380
a visualização do mapa, quero passar na minha localização.

44
00:03:38,390 --> 00:03:42,590
O bom é que minha visualização do mapa, é claro, pega uma

45
00:03:42,590 --> 00:03:49,430
localização, ela procura esse local para que eu possa passar isso e esse deve ser um objeto com chave

46
00:03:49,520 --> 00:03:57,340
lat, para que possamos usar selectedPlace. lat para isso e a tecla lng que é selecionadaPlace. lng.

47
00:03:57,360 --> 00:04:01,540
Então agora passamos tudo isso lá.

48
00:04:01,590 --> 00:04:09,030
Agora, também vou envolver o texto aqui em uma visualização e depois atribuir alguns estilos aqui.

49
00:04:09,070 --> 00:04:19,490
Portanto, na imagem aqui, quero ter um estilo de estilo. imagem nesta exibição aqui, que envolve todo o meu material baseado

50
00:04:19,490 --> 00:04:21,670
em localização, quero ter

51
00:04:21,800 --> 00:04:28,350
um estilo de, digamos, contêiner de localização. Nesta visualização aqui, um estilo

52
00:04:28,370 --> 00:04:29,600
de

53
00:04:31,980 --> 00:04:44,550
contêiner de endereço, no texto aqui, estilo de endereço e na visualização do mapa, também definiremos um estilo

54
00:04:44,550 --> 00:04:46,400
e nomearemos

55
00:04:46,400 --> 00:04:49,860
essa visualização do mapa, assim.

56
00:04:51,410 --> 00:04:56,630
Agora, se você usar exatamente os mesmos nomes, em anexo encontrará algum estilo que eu configurei para você, basta

57
00:04:56,630 --> 00:04:59,010
substituir o objeto de estilos por esse e

58
00:04:59,120 --> 00:05:04,220
isso configura estilos para todos esses identificadores que acabei de adicionar para fazer com que tudo pareça quer que

59
00:05:04,220 --> 00:05:04,520
pareça.

60
00:05:04,520 --> 00:05:09,200
Então, isso está anexado e você pode usá-lo para garantir que você obtenha o mesmo estilo

61
00:05:09,200 --> 00:05:13,730
imediatamente, sem que eu escreva todos esses estilos, porque escrevemos muitos estilos ao longo deste

62
00:05:13,730 --> 00:05:18,430
curso. Aqui, eu realmente quero focar na funcionalidade nativa e não escreva tudo isso de novo.

63
00:05:18,490 --> 00:05:23,420
Agora, uma coisa importante, na exibição de rolagem, você também deve definir o estilo do contêiner

64
00:05:23,420 --> 00:05:29,300
de conteúdo e lá usarei um estilo em linha rápido e sujo para definir os itens de alinhamento aqui

65
00:05:29,300 --> 00:05:37,710
para os centros, para que tudo fique bem centralizado no eixo horizontal. Com isso, poderemos ver os detalhes sobre um lugar.

66
00:05:37,710 --> 00:05:41,590
Uma observação importante: eu uso as cores constantes nos estilos que

67
00:05:41,620 --> 00:05:50,490
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

68
00:05:50,490 --> 00:05:56,970
e isso for recarregado, você poderá ver esses lugares no Android e, é claro, poderá mostrar um

69
00:05:56,970 --> 00:06:00,480
texto substituto se não tiver lugares, mas agora aqui,

70
00:06:00,480 --> 00:06:03,360
você vê os lugares e, se eu

71
00:06:03,360 --> 00:06:06,570
clicar nele, essa é a tela de detalhes.

72
00:06:06,750 --> 00:06:10,170
Agora, o único problema que tenho com isso é que

73
00:06:10,170 --> 00:06:10,890
parece bom,

74
00:06:10,980 --> 00:06:17,300
isso é bom, mas se eu clicar no mapa, nada acontece e, é claro, também quero ir para a tela

75
00:06:17,300 --> 00:06:23,650
do mapa, mas de uma maneira não editável, para que eu vá para a tela do mapa sem poder editá-lo lá.

76
00:06:23,750 --> 00:06:25,250
Essa é a peça restante que

77
00:06:25,250 --> 00:06:25,880
precisamos adicionar.