Maintenant, il y a un autre endroit dans l'application où je veux utiliser ma propre police et c'est ici dans la
liste des recettes, ce texte ici - simple, abordable et la durée,
ce n'est pas en utilisant notre propre police et c'est quelque chose que nous
voulons changer et c'est bien sûr notre repas ici.
Là, nous avons ces trois composants de texte et ceux-ci ont simplement besoin d'obtenir un style qui utilise notre propre police.
À propos, plus tôt dans le cours, vous avez appris des alternatives à cela, au lieu d'attribuer un
style et de répéter une affectation de style
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
cours, qui est simplement un habillage le composant texte intégré qui définit toujours votre propre famille de polices, ce sera une
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
de texte plus tard, Je vais
créer mon propre composant wrapper ici et j'aurai mon disons DefaultText. fichier js ici, vous pouvez nommer ce
que vous voulez et là-dedans, je vais importer React à partir de React parce
que je crée un composant React et importer du texte et une feuille de style à partir de
React Native et maintenant c'est un mince wrapper autour
du construit- dans le composant texte, donc le texte par défaut, ce composant ici est simplement un composant qui
renvoie le composant texte intégré autour des accessoires. les enfants afin que nous puissions utiliser le texte par défaut avec des
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
que la feuille de style est importée pour cela, puis utilisez la feuille de style pour en créer
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
ici dans le texte, je vais simplement configurer une famille de polices de sans ouvert et cela devrait être ma valeur par
défaut ici et c'est la seule chose que je changerai et maintenant nous pouvons utiliser le texte par défaut à
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
texte personnalisé, alors importez le texte par défaut de. / DefaultText, à partir de notre propre composant là-bas et maintenant utiliser le texte
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
personnalisée, il ne fonctionne pas '' Je n'ai pas l'air si différent, mais c'est notre propre police, cela
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
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
également styliser d'autres choses ici, ajouter des couleurs, ajouter des icônes,
tout ce que vous voulez. J'en ai fini avec mon style pour le moment, maintenant je
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.