1
00:00:02,250 --> 00:00:07,160
Maintenant, il y a un autre endroit dans l'application où je veux utiliser ma propre police et c'est ici dans la

2
00:00:07,170 --> 00:00:10,080
liste des recettes, ce texte ici - simple, abordable et la durée,

3
00:00:10,200 --> 00:00:13,400
ce n'est pas en utilisant notre propre police et c'est quelque chose que nous

4
00:00:13,620 --> 00:00:16,110
voulons changer et c'est bien sûr notre repas ici.

5
00:00:16,110 --> 00:00:23,460
Là, nous avons ces trois composants de texte et ceux-ci ont simplement besoin d'obtenir un style qui utilise notre propre police.

6
00:00:23,910 --> 00:00:28,470
À propos, plus tôt dans le cours, vous avez appris des alternatives à cela, au lieu d'attribuer un

7
00:00:28,470 --> 00:00:30,690
style et de répéter une affectation de style

8
00:00:30,690 --> 00:00:36,210
ici, vous pouvez également créer votre propre composant wrapper comme nous l'avons fait avec le corps du texte plus tôt dans le

9
00:00:36,210 --> 00:00:41,430
cours, qui est simplement un habillage le composant texte intégré qui définit toujours votre propre famille de polices, ce sera une

10
00:00:41,430 --> 00:00:47,550
alternative ou vous définissez un style global que vous importez dans ce fichier et en fait, maintenant que j'y pense puisque nous aurons plus

11
00:00:47,550 --> 00:00:49,350
de texte plus tard, Je vais

12
00:00:49,350 --> 00:00:54,990
créer mon propre composant wrapper ici et j'aurai mon disons DefaultText. fichier js ici, vous pouvez nommer ce

13
00:00:54,990 --> 00:01:00,330
que vous voulez et là-dedans, je vais importer React à partir de React parce

14
00:01:00,330 --> 00:01:06,950
que je crée un composant React et importer du texte et une feuille de style à partir de

15
00:01:07,050 --> 00:01:10,500
React Native et maintenant c'est un mince wrapper autour

16
00:01:10,500 --> 00:01:17,550
du construit- dans le composant texte, donc le texte par défaut, ce composant ici est simplement un composant qui

17
00:01:17,940 --> 00:01:24,300
renvoie le composant texte intégré autour des accessoires. les enfants afin que nous puissions utiliser le texte par défaut avec des

18
00:01:24,300 --> 00:01:32,730
balises d'ouverture et de fermeture et entre les deux, passer notre texte et là je pointerai sur les styles. texte ici pour attribuer mon propre style de texte, assurez-vous

19
00:01:32,730 --> 00:01:40,280
que la feuille de style est importée pour cela, puis utilisez la feuille de style pour en créer

20
00:01:40,280 --> 00:01:48,050
une là-bas et stockez-la dans la constante des styles. Bien sûr, également le texte par défaut d'exportation par la suite et maintenant

21
00:01:48,050 --> 00:01:54,170
ici dans le texte, je vais simplement configurer une famille de polices de sans ouvert et cela devrait être ma valeur par

22
00:01:54,170 --> 00:01:59,870
défaut ici et c'est la seule chose que je changerai et maintenant nous pouvons utiliser le texte par défaut à

23
00:01:59,870 --> 00:02:10,000
chaque fois nous avons du texte dans l'application qui devrait utiliser notre propre famille de polices personnalisées. Ainsi, par exemple ici sur l'élément de repas, nous pouvons maintenant importer ce

24
00:02:10,000 --> 00:02:18,360
texte personnalisé, alors importez le texte par défaut de. / DefaultText, à partir de notre propre composant là-bas et maintenant utiliser le texte

25
00:02:18,900 --> 00:02:27,110
par défaut là-bas au lieu du composant texte que j'utilise actuellement, tout comme ceci et avec cela si nous y allons maintenant, cela utilise en fait notre propre police

26
00:02:27,110 --> 00:02:32,290
personnalisée, il ne fonctionne pas '' Je n'ai pas l'air si différent, mais c'est notre propre police, cela

27
00:02:32,480 --> 00:02:38,630
est particulièrement clair si nous y allons et que nous changeons cela en OpenSans-Bold bien sûr parce que la version en gras

28
00:02:38,630 --> 00:02:48,320
est toujours un peu plus facile à reconnaître, mais je vais la changer en non -version audacieuse. Nous avons donc ici notre propre texte personnalisé, vous pouvez

29
00:02:48,320 --> 00:02:53,300
également styliser d'autres choses ici, ajouter des couleurs, ajouter des icônes,

30
00:02:53,330 --> 00:02:59,150
tout ce que vous voulez. J'en ai fini avec mon style pour le moment, maintenant je

31
00:02:59,240 --> 00:03:05,600
veux m'assurer que nous avons un contenu plus significatif ici sur la page de détail avant de travailler ensuite plus tard sur l'écran des filtres ici.