Intro React Native
Environnement de travail
Environnement de travail
Mon premier composant réutilisable en React Native
Mon premier composant stateful
Créer un menu de navigation
Aller plus loin
Détails de la leçon
Description de la leçon
Dans cette leçon, nous allons explorer la création d'une barre de navigation iOS en utilisant React Native. Nous allons implémenter un composant de style barre de navigation que l'on retrouve couramment dans les applications iOS. Ce composant sera parfaitement compatible avec Android et permettra de naviguer entre différents onglets en fonction de l'interaction de l'utilisateur.
Nous commencerons par importer React et Component depuis React. Ensuite, nous ajouterons une vue simple, mais vous pouvez la personnaliser avec des images et des icônes. Nous inclurons également du texte pour une meilleure clarté. Pour éviter de compliquer la structure du projet, nous définirons les styles directement dans le fichier.
Nous créerons un nouveau conteneur nommé 'test' avec une vue centrée et un fond coloré différent pour expérimenter visuellement. L'objectif est de lier cette barre de navigation à des états définis par l'utilisateur qui déterminent la vue affichée à l'écran.
En conclusion, cette barre de navigation permettra de basculer facilement entre les conteneurs app et test, démontrant ainsi une approche pratique de la gestion d'interface utilisateur dans une application React Native.
Objectifs de cette leçon
L'objectif principal de cette vidéo est de montrer comment créer une barre de navigation iOS avec React Native et la rendre compatible avec Android. Les utilisateurs apprendront à :
- Importer et utiliser les composants React Native nécessaires
- Créer des conteneurs de vues personnalisés
- Implémenter des états utilisateur pour la navigation
- Appliquer des styles internes pour simplifier la structure du projet
Prérequis pour cette leçon
Pour suivre cette vidéo, il est nécessaire d'avoir :
- Des connaissances de base en React Native
- Une familiarité avec JavaScript et les composants React
- Un environnement de développement configuré pour React Native
Métiers concernés
Les compétences développées dans cette vidéo peuvent être appliquées dans les métiers suivants :
- Développeur d'applications mobiles
- Ingénieur logiciel
- Développeur front-end spécialisé en applications mobiles
- Consultant en développement mobile
Alternatives et ressources
Des alternatives logicielles pour la création de barres de navigation incluent :
- Flutter pour le développement d'applications cross-platform
- SwiftUI pour les applications iOS natives
- Kotlin pour les applications Android natives
Questions & Réponses
Je m'abonne