Une partie cruciale de React
Native est constituée de ces composants qui sont intégrés à
React Native car, comme vous l'avez appris dans la première section de ce cours, ce sont
des composants spéciaux pour lesquels React Native sait comment traduire, comment les compiler en widgets de plateforme natifs et vous ne peut utiliser ces
composants que dans les applications React Native.
Vous pouvez créer vos propres composants, mais ceux-ci doivent finalement être constitués de ces composants intégrés, vous ne
pouvez pas
utiliser de divs ou de paragraphes ou quelque chose comme ça.
Nous devons donc travailler avec ceux intégrés dans React Native car là React Native sait comment les traduire
et là, nous avons des choses comme la vue, le texte, le bouton, la saisie de texte tactile,
l'image, ce sont quelques-uns des composants que vous verrez
tout au long de ce cours, il y en a plus et nous en verrons beaucoup
tout au long du cours et vous apprendrez comment travailler avec ceux-ci, comment les configurer et comment composer de belles interfaces utilisateur à l'aide de ces composants.
Maintenant, comme je viens de le mentionner, vous construisez vos interfaces utilisateur, vos composants personnalisés à l'aide
de ces composants intégrés ici, de sorte que vous composez votre interface utilisateur, vos composants à partir de ces composants
intégrés là-bas et cela ressemble à ceci . Vous créez votre propre composant My Title en prenant ceux intégrés et en
les mélangeant et en les assortissant pour obtenir l'apparence ou le composant dont vous avez besoin. Le style est également un élément important dans
les applications React Native et il est important de comprendre que React Native n'utilise pas
les technologies Web, qu'il n'utilise pas HTML, il utilise sans doute Javascript mais n'utilise pas HTML et il
n'utilise pas non plus CSS, donc le CSS que vous utilisez pour le style sur le Web n'est pas
pris en charge dans React Native mais il vous donne des commandes de style, une configuration de style que vous pouvez ajouter à vos
composants, donc à ces composants qui sont intégrés dans React Native soit à l'aide de inline
styles ou avec ce qu'on appelle des objets de feuille de style et là, vous écrivez ces instructions de style
en Javascript mais vous utilisez une syntaxe basée sur CSS. Ce n'est donc pas directement lié au CSS, mais bien sûr, il est
influencé par le CSS, de nombreuses instructions que vous utilisez ici sont inspirées du CSS et de nombreuses règles ou propriétés que vous connaissez du
CSS fonctionnent également ici en Javascript, dans votre application React Native . Maintenant, en ce qui concerne les styles en ligne vs
les objets de feuille de style, je montrerai les deux, mais je dirai déjà que l'utilisation de l'objet de feuille
de style est préférable, mais j'y reviendrai une fois que nous l'aurons utilisé.
Et avec cela, maintenant que nous savons à peu près ce qui se passe avec les composants et
le style, pourquoi ne pas simplement commencer et commencer à travailler avec ces choses?