Maintenant, avec tout cela dans ce module, vous avez beaucoup appris sur la façon de créer de vraies applications avec React Native.
Vous avez beaucoup appris sur les composants intégrés, vous
avez beaucoup appris sur le style et la façon de disposer les choses comme vous
le souhaitez
et comment les styliser comme vous le souhaitez, ainsi que la façon dont le style diffère entre certains composants, par exemple que pour
les composants de texte, le style est
en cascade dans une certaine mesure, donc les styles sont hérités dans les styles imbriqués là-bas, quelque chose
dont nous profitons dans le jeu sur l'écran ici, mais que sur tous les autres composants comme la vue, les styles que vous lui appliquez ne
s'appliquent vraiment qu'à cette vue et ne sont pas en cascade, ne sont pas partagées avec les vues enfant imbriquées.
Vous avez également appris comment partager des styles courants, par exemple avec des composants personnalisés, comme notre corps de texte qui définit
une famille de polices générale afin que nous puissions utiliser le corps de texte au lieu du texte intégré si nous
voulons du texte avec cette famille de polices.
Bien sûr, c'est un concept que vous pouvez utiliser pour n'importe quel style partagé
que vous souhaitez, comme nous le faisons également pour le type de carte, où nous avons une vue prédéfinie pour nous donner ce
joli look de carte avec un peu d'ombre.
Vous avez également appris comment configurer certains thèmes avec des constantes que vous pouvez importer dans différents fichiers, à la fois pour
les couleurs ici ou également si vous en avez besoin, pour les styles de texte ou pour tout autre style que vous souhaitez partager entre
les composants afin de ne pas '' Je n'ai pas à le réécrire tout le temps, particulièrement utile dans les cas où vous
ne le souhaitez pas ou lorsque vous ne pouvez pas créer de composants séparés
comme nous le faisons pour la famille de polices par exemple.
Donc, si ce n'est pas possible, ce qui en cas de couleurs aurait été
difficile car nous avons besoin de couleurs dans toutes sortes d'endroits, alors ces styles partagés ou constantes partagées sont un excellent moyen
et en général, j'espère que vous aurez une idée de la façon dont vous composez des interfaces utilisateur avec
des composants intégrés et avec vos propres composants personnalisés qui s'appuient ensuite sur les composants intégrés et
comment vous pouvez donc créer de belles applications React Native.
Nous avons jeté un coup d'œil à certains composants de base et je veux donc également vous donner un bref résumé de
ce que vous avez appris sur ces composants ici.
Le composant le plus important est probablement la vue, qui est un conteneur que vous entourez d'autres
composants pour ensuite les disposer ou pour ajouter certains styles de conteneur, comme les ombres, les bordures, la couleur
d'arrière-plan, des choses comme ça. Le composant texte
que vous utilisez pour produire du texte est tout aussi important.
Vous pouvez également imbriquer du texte dans du texte où un certain style est même partagé et vous pouvez en général contrôler
la façon dont le texte doit être sorti, s'il doit s'habiller, ce qui est la valeur par défaut ou s'il
ne doit sortir
qu'une ou deux lignes et c'est là que le composant texte vous aide vraiment à transmettre ces informations précieuses à vos utilisateurs.
Maintenant, parfois, vous ne voulez pas seulement sortir des informations, mais aussi récupérer des informations et pour cela,
la saisie de texte peut être utile.
Nous allons maintenant approfondir la récupération des entrées utilisateur plus tard dans le cours, mais vous avez déjà un premier aperçu de la
façon de le styliser et de le configurer et de vous assurer que vous obtenez la bonne entrée et que vous êtes
valider l'entrée et vous ne travaillez vraiment qu'avec l'entrée dont vous avez besoin. Maintenant, en parlant de saisie par l'utilisateur, le bouton est
également un élément crucial, que ce soit le bouton intégré
ou votre propre bouton que vous pouvez créer avec les composants tactiles qui sont également super
importants et dans les cas où
vous devez générer des listes de données, vous avez appris sur FlatList et sur la vue de défilement où la
principale différence est que FlatList est optimisé pour les listes très longues ou les listes où vous ne savez
pas vraiment combien de temps elles seront mais elles sont potentiellement très
longues, alors que la vue de défilement est idéale pour tout autre contenu défilant qui n'est pas infiniment long, où vous irez certainement
au-delà des limites de l'écran mais ce ne sera pas trop de contenu supplémentaire parce que si tout ce contenu
supplémentaire est rendu sans qu'il soit utilisé, sans qu'il soit visible pour l'utilisateur, alors vous perdez des performances et
c'est là
que FlatList entre en jeu
car cela ne rend que ce que l'utilisateur peut vraiment voir.
En parlant de ce que l'utilisateur peut voir, dans ce module, vous avez également appris à ajouter vos propres polices personnalisées et
parfois vous n'avez pas besoin d'une police mais d'une image, vous avez également
appris à le faire, à inclure à la fois local ou réseau images et comment vous pouvez styler ces images pour qu'elles soient belles.
En parlant de style, pour cela, nous utilisons la feuille de style qui n'est pas un composant
mais une classe ou un
objet fourni par React Native et l'avantage d'utiliser cette feuille de style n'est pas seulement que vous obtiendrez vos
styles du code jsx qui vous voulez rester relativement maigre, court et concis mais que vous obtenez également une validation automatique
de vos styles et React Native vous indique lorsque vous utilisez un style de manière incorrecte et qu'à
l'avenir, vous pourrez également obtenir des optimisations de performances supplémentaires. Et avec cela, nous ne pouvons que vous encourager à garder
cette section
à l'esprit, peut-être à la parcourir une deuxième fois et à l'utiliser comme base pour la poursuite de votre cours où nous utiliserons
tous ces composants avec lesquels nous avons travaillé, où nous écrirons plus styles, où nous allons construire des interfaces utilisateur plus
complexes et où vous aurez vraiment besoin de ces principes fondamentaux que vous avez appris dans le deuxième et
dans ce module de cours pour ensuite créer des applications React Native incroyables.
Continuons donc.