1 00:00:02,200 --> 00:00:07,030 Quindi assicuriamoci di poter vedere tutti i dati con cui stiamo lavorando. Nell'elemento del luogo, ho già 2 00:00:07,030 --> 00:00:09,310 avuto un'idea dell'indirizzo, 3 00:00:09,310 --> 00:00:14,820 devo solo assicurarmi di inserirlo lì. Quindi nella schermata dell'elenco dei luoghi, quando uso l'elemento del luogo, invece di 4 00:00:14,830 --> 00:00:20,940 passare null per l'indirizzo, ovviamente dovremmo passare itemData. articolo. indirizzo perché 5 00:00:20,940 --> 00:00:23,820 dovremmo avere l'indirizzo memorizzato. 6 00:00:23,820 --> 00:00:33,960 Quindi se proviamo questo e questo si ricarica, vediamo un indirizzo fittizio qui e ora se aggiungiamo un nuovo oggetto che dovrebbe 7 00:00:33,960 --> 00:00:41,260 funzionare come titolo e quindi un'immagine per scattare una bella immagine e possiamo anche spostarci 8 00:00:41,260 --> 00:00:43,600 un po 'qui premendo il 9 00:00:43,600 --> 00:00:45,480 chiave che vedi laggiù, 10 00:00:45,700 --> 00:00:46,630 quindi 11 00:00:47,870 --> 00:00:55,760 ora se prendo un'immagine qui, sì, questo sembra buono, questo e conferma facendo clic su ritaglia lassù, 12 00:00:55,850 --> 00:00:56,900 sembra buono. 13 00:00:56,900 --> 00:01:02,600 Ora ottieni forse la posizione dell'utente e poi salva questo, questo sembra buono. 14 00:01:02,600 --> 00:01:04,350 Questo è l'indirizzo del quartier generale di 15 00:01:04,350 --> 00:01:05,550 Google, sembra l'immagine che ho 16 00:01:05,550 --> 00:01:06,630 scattato, quindi è carino. 17 00:01:06,630 --> 00:01:12,240 Assicuriamoci che nella pagina dei dettagli, vediamo anche un po 'di più su questo e per quello nella schermata 18 00:01:12,570 --> 00:01:19,890 dei dettagli del luogo qui, ovviamente possiamo modificarlo e aggiungere una vista di scorrimento in modo da assicurarci di poter sempre vedere tutto, noi non 19 00:01:19,890 --> 00:01:25,460 ho bisogno di un elenco piatto qui perché non avremo una quantità infinita di elementi, forse solo un 20 00:01:25,460 --> 00:01:28,690 po 'di scorrimento richiesto in base alle dimensioni del dispositivo 21 00:01:29,180 --> 00:01:32,840 e quindi lì, voglio sicuramente essere in grado di produrre un'immagine . 22 00:01:32,840 --> 00:01:36,410 Quindi qui visualizzerò la mia immagine e, al di 23 00:01:36,410 --> 00:01:43,270 sotto, voglio anche essere in grado di produrre il mio indirizzo e quindi anche un'anteprima della mappa, quindi 24 00:01:43,280 --> 00:01:47,190 importerò anche questo e dovremo modificare un po 'quel componente 25 00:01:47,200 --> 00:01:55,110 bit quindi, ma per ora importerò solo l'anteprima della mappa dall'anteprima della mappa dei componenti, in questo modo e l'output 26 00:01:55,110 --> 00:01:57,830 qui sotto il mio testo qui. 27 00:01:57,890 --> 00:02:06,650 Ora nel testo, voglio avere il mio indirizzo di testo alla fine e questo è ovviamente tutti i dati che mi aspetto di 28 00:02:06,650 --> 00:02:11,040 essere passati come parametri o con l'aiuto di parametri, quindi 29 00:02:11,120 --> 00:02:16,660 per essere precisi quando selezioniamo un elemento, passiamo già in l'ID del luogo qui. 30 00:02:16,700 --> 00:02:25,200 Quindi, nella schermata dei dettagli del luogo, posso ottenere l'ID del luogo accedendo agli oggetti di scena. navigazione. getParam place ID è l'identificatore che 31 00:02:25,230 --> 00:02:32,430 ho usato e quindi possiamo ovviamente usare il selettore per ottenere i dati di adattamento 32 00:02:32,490 --> 00:02:33,530 dal 33 00:02:33,540 --> 00:02:36,680 nostro negozio Redux, quindi da React 34 00:02:36,780 --> 00:02:47,260 Redux, è lì che importiamo questo e quindi qui, possiamo ottenere il nostro posto selezionato con il aiuto per usare il selettore, 35 00:02:47,300 --> 00:02:57,950 passare in una funzione e accedere allo stato. posti. luoghi e quindi il metodo find per trovare un 36 00:02:57,950 --> 00:03:03,920 luogo specifico in cui l'ID del luogo dovrebbe essere uguale all'ID del luogo che stiamo estraendo dai 37 00:03:03,920 --> 00:03:11,420 nostri parametri, è il luogo che abbiamo caricato per questa schermata e il luogo selezionato ovviamente ha un campo indirizzo che 38 00:03:11,420 --> 00:03:17,750 possiamo accedervi perché alla fine segue il nostro modello di luogo e per l'immagine, ovviamente possiamo anche associare 39 00:03:17,750 --> 00:03:26,600 l'origine e impostare l'URI su questo oggetto, quindi passiamo l'origine a selectedPlace. imageUri perché nel mio modello di luogo lì, ho 40 00:03:26,690 --> 00:03:30,510 chiamato questo URI di immagine, è quello 41 00:03:30,520 --> 00:03:31,440 che 42 00:03:31,440 --> 00:03:33,640 sto estraendo qui e 43 00:03:33,940 --> 00:03:38,380 per l'anteprima della mappa, voglio passare nella mia posizione. 44 00:03:38,390 --> 00:03:42,590 La cosa buona è che la mia anteprima della mappa prende 45 00:03:42,590 --> 00:03:49,430 ovviamente una posizione, cerca questa posizione, quindi posso passarla e questo dovrebbe essere un oggetto in realtà con il 46 00:03:49,520 --> 00:03:57,340 tasto lat, quindi possiamo usare selectedPlace. lat per questo e il tasto lng che è selezionato Place. lng. 47 00:03:57,360 --> 00:04:01,540 Quindi ora passiamo tutto questo lì dentro. 48 00:04:01,590 --> 00:04:09,030 Ora avvolgerò anche il testo qui in una vista e quindi assegnerò alcuni stili qui, 49 00:04:09,070 --> 00:04:19,490 quindi sull'immagine qui, voglio avere uno stile di stili. immagine in questa vista qui che avvolge tutta la mia roba 50 00:04:19,490 --> 00:04:21,670 basata sulla posizione, voglio 51 00:04:21,800 --> 00:04:28,350 avere uno stile diciamo contenitore di posizione. In questa vista qui, uno 52 00:04:28,370 --> 00:04:29,600 stile 53 00:04:31,980 --> 00:04:44,550 del contenitore degli indirizzi, sul testo qui, lo stile dell'indirizzo e sull'anteprima della mappa, imposterò anche uno stile 54 00:04:44,550 --> 00:04:46,400 e nominerò questa 55 00:04:46,400 --> 00:04:49,860 anteprima della mappa, come questa. 56 00:04:51,410 --> 00:04:56,630 Ora se usi gli stessi identici nomi, in allegato trovi alcuni stili che ho impostato per te, puoi semplicemente 57 00:04:56,630 --> 00:04:59,010 sostituire il tuo oggetto stili con quello e 58 00:04:59,120 --> 00:05:04,220 questo imposta gli stili per tutti questi identificatori che ho appena aggiunto per far sembrare tutto come voglio che 59 00:05:04,220 --> 00:05:04,520 appaia. 60 00:05:04,520 --> 00:05:09,200 Quindi è allegato e puoi usarlo per assicurarti di ottenere lo stesso stile fuori dalla scatola 61 00:05:09,200 --> 00:05:13,730 senza che io scriva tutti questi stili perché abbiamo scritto così tanti stili in 62 00:05:13,730 --> 00:05:18,430 questo corso, qui voglio davvero concentrarmi sulla funzionalità nativa e non Scrivi di nuovo tutti quelli. 63 00:05:18,490 --> 00:05:23,420 Ora una cosa importante, nella vista di scorrimento, dovresti anche impostare lo stile del contenitore 64 00:05:23,420 --> 00:05:29,300 di contenuti e lì userò uno stile in linea rapido e sporco per impostare gli elementi di allineamento 65 00:05:29,300 --> 00:05:37,710 qui ai centri in modo che tutto sia ben centrato sull'asse orizzontale. Con ciò dovremmo essere in grado di visualizzare i dettagli di un luogo. 66 00:05:37,710 --> 00:05:41,590 Una nota importante, utilizzo i colori costanti negli stili che ti 67 00:05:41,620 --> 00:05:50,490 ho fornito, quindi devi assicurarti di importarli, importare i colori da Costanti / colori e con quell'importazione aggiunta anche qui, se salvi questo e 68 00:05:50,490 --> 00:05:56,970 questo ricarica, dovresti essere in grado di vedere questi luoghi su Android e ovviamente potresti mostrare un testo 69 00:05:56,970 --> 00:06:00,480 di fallback se non hai posti ma ora qui, vedi 70 00:06:00,480 --> 00:06:03,360 i luoghi e se faccio clic su 71 00:06:03,360 --> 00:06:06,570 di esso, questa è la schermata dei dettagli. 72 00:06:06,750 --> 00:06:10,170 Ora l'unico problema che ho è che sembra bello, va 73 00:06:10,170 --> 00:06:10,890 bene, 74 00:06:10,980 --> 00:06:17,300 ma se faccio clic sulla mappa, non succede nulla e ovviamente lì voglio andare anche alla schermata della 75 00:06:17,300 --> 00:06:23,650 mappa ma in modo non modificabile, quindi vai alla schermata della mappa senza essere in grado di modificarla lì. 76 00:06:23,750 --> 00:06:25,250 Questo è il pezzo rimanente che 77 00:06:25,250 --> 00:06:25,880 dobbiamo aggiungere.