Quindi assicuriamoci di poter vedere tutti i dati con cui stiamo lavorando. Nell'elemento del luogo, ho già
avuto un'idea dell'indirizzo,
devo solo assicurarmi di inserirlo lì. Quindi nella schermata dell'elenco dei luoghi, quando uso l'elemento del luogo, invece di
passare null per l'indirizzo, ovviamente dovremmo passare itemData. articolo. indirizzo perché
dovremmo avere l'indirizzo memorizzato.
Quindi se proviamo questo e questo si ricarica, vediamo un indirizzo fittizio qui e ora se aggiungiamo un nuovo oggetto che dovrebbe
funzionare come titolo e quindi un'immagine per scattare una bella immagine e possiamo anche spostarci
un po 'qui premendo il
chiave che vedi laggiù,
quindi
ora se prendo un'immagine qui, sì, questo sembra buono, questo e conferma facendo clic su ritaglia lassù,
sembra buono.
Ora ottieni forse la posizione dell'utente e poi salva questo, questo sembra buono.
Questo è l'indirizzo del quartier generale di
Google, sembra l'immagine che ho
scattato, quindi è carino.
Assicuriamoci che nella pagina dei dettagli, vediamo anche un po 'di più su questo e per quello nella schermata
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
ho bisogno di un elenco piatto qui perché non avremo una quantità infinita di elementi, forse solo un
po 'di scorrimento richiesto in base alle dimensioni del dispositivo
e quindi lì, voglio sicuramente essere in grado di produrre un'immagine .
Quindi qui visualizzerò la mia immagine e, al di
sotto, voglio anche essere in grado di produrre il mio indirizzo e quindi anche un'anteprima della mappa, quindi
importerò anche questo e dovremo modificare un po 'quel componente
bit quindi, ma per ora importerò solo l'anteprima della mappa dall'anteprima della mappa dei componenti, in questo modo e l'output
qui sotto il mio testo qui.
Ora nel testo, voglio avere il mio indirizzo di testo alla fine e questo è ovviamente tutti i dati che mi aspetto di
essere passati come parametri o con l'aiuto di parametri, quindi
per essere precisi quando selezioniamo un elemento, passiamo già in l'ID del luogo qui.
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
ho usato e quindi possiamo ovviamente usare il selettore per ottenere i dati di adattamento
dal
nostro negozio Redux, quindi da React
Redux, è lì che importiamo questo e quindi qui, possiamo ottenere il nostro posto selezionato con il aiuto per usare il selettore,
passare in una funzione e accedere allo stato. posti. luoghi e quindi il metodo find per trovare un
luogo specifico in cui l'ID del luogo dovrebbe essere uguale all'ID del luogo che stiamo estraendo dai
nostri parametri, è il luogo che abbiamo caricato per questa schermata e il luogo selezionato ovviamente ha un campo indirizzo che
possiamo accedervi perché alla fine segue il nostro modello di luogo e per l'immagine, ovviamente possiamo anche associare
l'origine e impostare l'URI su questo oggetto, quindi passiamo l'origine a selectedPlace. imageUri perché nel mio modello di luogo lì, ho
chiamato questo URI di immagine, è quello
che
sto estraendo qui e
per l'anteprima della mappa, voglio passare nella mia posizione.
La cosa buona è che la mia anteprima della mappa prende
ovviamente una posizione, cerca questa posizione, quindi posso passarla e questo dovrebbe essere un oggetto in realtà con il
tasto lat, quindi possiamo usare selectedPlace. lat per questo e il tasto lng che è selezionato Place. lng.
Quindi ora passiamo tutto questo lì dentro.
Ora avvolgerò anche il testo qui in una vista e quindi assegnerò alcuni stili qui,
quindi sull'immagine qui, voglio avere uno stile di stili. immagine in questa vista qui che avvolge tutta la mia roba
basata sulla posizione, voglio
avere uno stile diciamo contenitore di posizione. In questa vista qui, uno
stile
del contenitore degli indirizzi, sul testo qui, lo stile dell'indirizzo e sull'anteprima della mappa, imposterò anche uno stile
e nominerò questa
anteprima della mappa, come questa.
Ora se usi gli stessi identici nomi, in allegato trovi alcuni stili che ho impostato per te, puoi semplicemente
sostituire il tuo oggetto stili con quello e
questo imposta gli stili per tutti questi identificatori che ho appena aggiunto per far sembrare tutto come voglio che
appaia.
Quindi è allegato e puoi usarlo per assicurarti di ottenere lo stesso stile fuori dalla scatola
senza che io scriva tutti questi stili perché abbiamo scritto così tanti stili in
questo corso, qui voglio davvero concentrarmi sulla funzionalità nativa e non Scrivi di nuovo tutti quelli.
Ora una cosa importante, nella vista di scorrimento, dovresti anche impostare lo stile del contenitore
di contenuti e lì userò uno stile in linea rapido e sporco per impostare gli elementi di allineamento
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.
Una nota importante, utilizzo i colori costanti negli stili che ti
ho fornito, quindi devi assicurarti di importarli, importare i colori da Costanti / colori e con quell'importazione aggiunta anche qui, se salvi questo e
questo ricarica, dovresti essere in grado di vedere questi luoghi su Android e ovviamente potresti mostrare un testo
di fallback se non hai posti ma ora qui, vedi
i luoghi e se faccio clic su
di esso, questa è la schermata dei dettagli.
Ora l'unico problema che ho è che sembra bello, va
bene,
ma se faccio clic sulla mappa, non succede nulla e ovviamente lì voglio andare anche alla schermata della
mappa ma in modo non modificabile, quindi vai alla schermata della mappa senza essere in grado di modificarla lì.
Questo è il pezzo rimanente che
dobbiamo aggiungere.