Ora, con tutto ciò in questo modulo, hai imparato molto su come creare app reali con React Native.
Hai imparato molto sui componenti integrati, hai imparato
molto sullo stile e su come disporre le cose nel modo desiderato e
come modellare
le cose nel modo desiderato, anche in che modo lo stile differisce tra alcuni componenti, ad esempio che per i componenti
di testo, lo stile arriva fino
a un certo punto, quindi gli stili sono ereditati in stili nidificati lì, qualcosa di cui
stiamo approfittando nel gioco sullo schermo qui, ma che su tutti gli altri componenti come la vista, gli stili che vi si applicano
si applicano solo a quella vista e non si sovrappongono, non sono condivisi con nessuna vista figlio nidificata.
Hai anche imparato come condividere stili comuni, ad esempio con componenti personalizzati, come il nostro testo del corpo che imposta
una famiglia di caratteri generale in modo che possiamo usare il testo del corpo anziché il testo incorporato se vogliamo
un testo con quella famiglia di caratteri.
Naturalmente questo è un concetto che puoi usare per qualsiasi stile condiviso che desideri,
come lo stiamo facendo anche per il tipo di carta, in cui abbiamo una vista prestilata per darci questo bel aspetto
di carta con un po 'di ombra.
Hai anche imparato come impostare alcuni temi con costanti che puoi importare in diversi file, sia per i
colori qui o anche se ne hai bisogno, per gli stili di testo o per qualsiasi altro stile che desideri condividere
tra i componenti in modo da non " non è necessario riscriverlo tutte le volte, utile soprattutto per i casi
in cui non si desidera o in cui non è possibile creare
componenti separati, ad esempio per la famiglia di caratteri.
Quindi, se ciò non fosse possibile, il che nel caso dei colori sarebbe
stato difficile perché abbiamo bisogno di colori in tutti i tipi di luoghi, tali stili condivisi o costanti condivise sono un
ottimo modo e in generale, spero che tu abbia un'idea di come componi le interfacce utente con
i componenti integrati e con i tuoi componenti personalizzati che poi si basano sui componenti integrati
e come puoi quindi creare belle applicazioni React Native.
Abbiamo dato un'occhiata ad alcuni componenti principali e quindi voglio anche darti un breve riepilogo di ciò
che hai imparato su questi componenti qui.
Probabilmente il componente più importante è la vista, che è un contenitore che avvolgi
altri componenti per poi stenderli o per aggiungere determinati stili di contenitore, come ombre, bordi, colore di
sfondo, cose del genere. Altrettanto importante è
il componente di testo che usi per produrre il testo.
Puoi anche annidare il testo nel testo in cui è anche condiviso uno stile e in generale puoi controllare
come deve essere generato il testo, se dovrebbe avvolgere se stesso come predefinito o se dovrebbe solo produrre
una o due
righe ed è qui che il componente di testo ti aiuta davvero a fornire queste preziose informazioni ai tuoi utenti.
Ora a volte non si desidera solo generare informazioni, ma anche recuperare informazioni e, per
questo, l'inserimento di testo può essere utile.
Ora ci approfondiremo nel recuperare l'input dell'utente più avanti nel corso, ma hai già dato una prima occhiata a
come puoi modellarlo e come puoi configurarlo e come puoi assicurarti di ottenere l'input giusto e convalida l'input
e stai davvero lavorando solo con l'input di cui hai bisogno. Ora parlando dell'input dell'utente, ovviamente il pulsante è anche
un componente cruciale, sia il pulsante incorporato che il
tuo pulsante che puoi costruire con i componenti tattili che sono anche molto importanti
e nei casi in cui
devi produrre elenchi di dati, hai appreso su FlatList e sulla vista di scorrimento in cui la
differenza principale è che FlatList è ottimizzato per elenchi molto lunghi o elenchi in cui non sai
davvero quanto tempo saranno ma che sono potenzialmente molto lunghi, mentre
la vista di scorrimento è ottima per qualsiasi altro contenuto scorrevole che non sia infinitamente lungo, dove certamente andrai oltre
i confini dello schermo ma non sarà troppo contenuto extra perché se tutto quel contenuto extra viene reso
senza essere usato, senza che sia visibile a l'utente, quindi stai sprecando le prestazioni ed è qui
che
entra in gioco FlatList perché
questo rende solo ciò che l'utente può davvero vedere.
Parlando di ciò che l'utente può vedere, in questo modulo, hai anche imparato come aggiungere i tuoi caratteri personalizzati e
a volte non hai bisogno di un carattere ma di un'immagine, hai
anche imparato a farlo, come includere sia locale che di rete immagini e come puoi modellare queste immagini per apparire belle.
A proposito di stile, per questo stiamo usando il foglio di stile che non è un componente
ma una classe o un
oggetto fornito da React Native e il vantaggio di usare questo foglio di stile non è solo che otterrai
i tuoi stili dal codice jsx che vuoi rimanere relativamente snello, breve e conciso, ma che ottieni anche la convalida automatica
dei tuoi stili e React Native ti dice quando stai usando uno stile in modo errato e che
in futuro potresti anche ottenere ulteriori ottimizzazioni delle prestazioni. E con ciò, possiamo solo incoraggiarti a tenere presente
questa sezione,
magari ripassarla una seconda volta e usarla come base per i tuoi ulteriori progressi del corso in cui utilizzeremo tutti
questi componenti con cui abbiamo lavorato, dove scriveremo di più stili, in cui costruiremo interfacce utente più complesse
e in cui avrai davvero bisogno di questi concetti fondamentali che hai appreso nel secondo e in
questo modulo del corso per poi creare incredibili applicazioni React Native.
Quindi andiamo avanti.