1
00:00:02,250 --> 00:00:07,160
Ora c'è un altro posto nell'app in cui voglio usare il mio carattere e questo è nell'elenco delle

2
00:00:07,170 --> 00:00:10,080
ricette, questo testo qui - semplice, economico e la durata, che

3
00:00:10,200 --> 00:00:13,400
non sta usando il nostro carattere ed è qualcosa che vogliamo cambiare

4
00:00:13,620 --> 00:00:16,110
e questo è ovviamente il nostro pasto qui.

5
00:00:16,110 --> 00:00:23,460
Lì abbiamo questi tre componenti di testo e questi hanno semplicemente bisogno di ottenere uno stile che usi il nostro carattere.

6
00:00:23,910 --> 00:00:28,470
Ora, comunque, nel corso del corso, hai appreso delle alternative a questo, invece di assegnare uno

7
00:00:28,470 --> 00:00:30,690
stile e ripetere un'assegnazione di stile qui, puoi

8
00:00:30,690 --> 00:00:36,210
anche creare il tuo componente wrapper come abbiamo fatto con il testo del corpo in precedenza nel corso che

9
00:00:36,210 --> 00:00:41,430
è semplicemente a capo il componente di testo integrato che imposta sempre la tua famiglia di caratteri, che

10
00:00:41,430 --> 00:00:47,550
sarà un'alternativa o imposti uno stile globale che importi in questo file e in realtà, ora che ci penso perché avremo più

11
00:00:47,550 --> 00:00:49,350
testo in seguito, Creerò qui

12
00:00:49,350 --> 00:00:54,990
il mio componente wrapper e avrò il mio, diciamo DefaultText. js file qui, puoi chiamarlo come

13
00:00:54,990 --> 00:01:00,330
lo vuoi e lì, importerò React da React perché sto creando un componente

14
00:01:00,330 --> 00:01:06,950
React e importerò testo e foglio di stile da React Native e ora questo è un

15
00:01:07,050 --> 00:01:10,500
involucro sottile attorno al built- nel componente di

16
00:01:10,500 --> 00:01:17,550
testo, quindi nel testo predefinito, questo componente qui è semplicemente un componente che restituisce il componente di

17
00:01:17,940 --> 00:01:24,300
testo incorporato attorno agli oggetti di scena. bambini in modo che possiamo usare il testo predefinito con tag

18
00:01:24,300 --> 00:01:32,730
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

19
00:01:32,730 --> 00:01:40,280
che il foglio di stile sia importato per questo, quindi usa il foglio di stile per crearne

20
00:01:40,280 --> 00:01:48,050
uno lì e memorizzarlo nella costante di stili. Naturalmente, anche il testo predefinito di esportazione da allora in poi

21
00:01:48,050 --> 00:01:54,170
e ora qui nel testo, imposterò semplicemente una famiglia di caratteri di sans aperti e questo dovrebbe essere

22
00:01:54,170 --> 00:01:59,870
il mio predefinito qui e questa è l'unica cosa che cambierò e ora possiamo usare il testo

23
00:01:59,870 --> 00:02:10,000
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

24
00:02:10,000 --> 00:02:18,360
testo personalizzato, quindi importare il testo predefinito da. / DefaultText, dal nostro componente lì e ora usa il testo predefinito

25
00:02:18,900 --> 00:02:27,110
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

26
00:02:27,110 --> 00:02:32,290
nostro carattere personalizzato, non lo fa ' Non sembra così diverso ma è il nostro carattere,

27
00:02:32,480 --> 00:02:38,630
questo è particolarmente chiaro se andiamo lì e lo cambiamo in OpenSans-Bold ovviamente perché la versione in grassetto è

28
00:02:38,630 --> 00:02:48,320
sempre un po 'più facile da riconoscere ma lo cambierò in non -bold versione. Quindi abbiamo anche il nostro testo personalizzato qui, puoi

29
00:02:48,320 --> 00:02:53,300
anche dare uno stile ad altre cose, aggiungere colori, aggiungere

30
00:02:53,330 --> 00:02:59,150
icone, qualunque cosa tu voglia. Ho finito con il mio stile per il momento, ora

31
00:02:59,240 --> 00:03:05,600
voglio assicurarmi di avere contenuti più significativi qui nella pagina dei dettagli prima di poi lavorare anche sullo schermo dei filtri qui.