Composants React Native

Maintenant que nous savons comment initier le projet, passons aux blocs de construction. Dans React Native, tout comme dans React, les composants servent d'unités fondamentales pour créer l'interface utilisateur de votre application mobile. Ces composants sont des entités réutilisables et autonomes qui encapsulent une fonctionnalité ou une interface utilisateur spécifique.

Explorons les composants de React Native qui seront essentiels tout au long du développement des applications mobiles.

Voici quelques composants fondamentaux. À partir du prochain chapitre, nous examinerons chacun en détail.

• View: Le composant le plus fondamental dans React Native, similaire à un div en développement web. Il est utilisé pour regrouper et styliser d'autres composants;
• Text: Affiche du contenu textuel semblable aux balises HTML <span> ou <p>;
• Image: Affiche des images, analogue à la balise HTML <img>;
• ScrollView: Fournit un conteneur défilant, utile lorsque vous avez plus de contenu que ce qui peut tenir à l'écran;
• TouchableOpacity: Un composant semblable à un bouton qui offre un retour tactile, utilisé pour gérer les événements tactiles;
• FlatList: Un composant utilisé pour rendre efficacement des listes de données. Il est optimisé pour la performance et l'utilisation de la mémoire, surtout pour les grandes listes;
• SectionList: Similaire à FlatList, mais il permet également de rendre des sections avec des en-têtes, ce qui le rend adapté pour afficher des données catégorisées;
• Switch: Représente un composant de bascule personnalisable, couramment utilisé pour des états binaires activé/désactivé;
• ActivityIndicator: Affiche un indicateur de chargement animé, indiquant que le contenu est en cours de chargement ou de traitement;
• Modal: Un composant utilisé pour présenter du contenu au-dessus d'une vue englobante. Il est souvent utilisé pour des alertes, des notifications ou pour présenter des informations supplémentaires;
• TextInput: Fournit un moyen pour les utilisateurs de saisir du texte, similaire à l'élément HTML <input>, permettant l'interaction utilisateur et la saisie de données.