Ora c'è un altro posto nell'app in cui voglio usare il mio carattere e questo è nell'elenco delle
ricette, questo testo qui - semplice, economico e la durata, che
non sta usando il nostro carattere ed è qualcosa che vogliamo cambiare
e questo è ovviamente il nostro pasto qui.
Lì abbiamo questi tre componenti di testo e questi hanno semplicemente bisogno di ottenere uno stile che usi il nostro carattere.
Ora, comunque, nel corso del corso, hai appreso delle alternative a questo, invece di assegnare uno
stile e ripetere un'assegnazione di stile qui, puoi
anche creare il tuo componente wrapper come abbiamo fatto con il testo del corpo in precedenza nel corso che
è semplicemente a capo il componente di testo integrato che imposta sempre la tua famiglia di caratteri, che
sarà un'alternativa o imposti uno stile globale che importi in questo file e in realtà, ora che ci penso perché avremo più
testo in seguito, Creerò qui
il mio componente wrapper e avrò il mio, diciamo DefaultText. js file qui, puoi chiamarlo come
lo vuoi e lì, importerò React da React perché sto creando un componente
React e importerò testo e foglio di stile da React Native e ora questo è un
involucro sottile attorno al built- nel componente di
testo, quindi nel testo predefinito, questo componente qui è semplicemente un componente che restituisce il componente di
testo incorporato attorno agli oggetti di scena. bambini in modo che possiamo usare il testo predefinito con tag
di apertura e chiusura e in mezzo, passare il nostro testo e lì indicherò gli stili. testo qui per assegnare il mio stile di testo, assicurati
che il foglio di stile sia importato per questo, quindi usa il foglio di stile per crearne
uno lì e memorizzarlo nella costante di stili. Naturalmente, anche il testo predefinito di esportazione da allora in poi
e ora qui nel testo, imposterò semplicemente una famiglia di caratteri di sans aperti e questo dovrebbe essere
il mio predefinito qui e questa è l'unica cosa che cambierò e ora possiamo usare il testo
predefinito ogni volta nell'app abbiamo testo che dovrebbe usare la nostra famiglia di caratteri personalizzati. Quindi, ad esempio qui sull'elemento pasto, ora possiamo importare questo
testo personalizzato, quindi importare il testo predefinito da. / DefaultText, dal nostro componente lì e ora usa il testo predefinito
laggiù invece del componente di testo che sto attualmente usando, proprio come questo e con quello se ora andiamo lì, questo in realtà utilizza il
nostro carattere personalizzato, non lo fa ' Non sembra così diverso ma è il nostro carattere,
questo è particolarmente chiaro se andiamo lì e lo cambiamo in OpenSans-Bold ovviamente perché la versione in grassetto è
sempre un po 'più facile da riconoscere ma lo cambierò in non -bold versione. Quindi abbiamo anche il nostro testo personalizzato qui, puoi
anche dare uno stile ad altre cose, aggiungere colori, aggiungere
icone, qualunque cosa tu voglia. Ho finito con il mio stile per il momento, ora
voglio assicurarmi di avere contenuti più significativi qui nella pagina dei dettagli prima di poi lavorare anche sullo schermo dei filtri qui.