CATALOGUE Code & Data Formation ReactJS Apprendre React Native - Les fondamentaux Créer une barre de navigation iOS avec React Native

Créer une barre de navigation iOS avec React Native

Création d'un second container
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre React Native - Les fondamentaux
Revoir le teaser Je m'abonne
1,0
Transcription
49,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
1,0
49,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Création d'une barre de navigation

Objectifs

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

Résumé

Découvrez comment créer une barre de navigation iOS compatible avec Android en utilisant React Native.

Description

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.

Voir plus

Questions - réponses

Quel est l'objectif principal de cette vidéo ?
L'objectif principal est de montrer comment créer une barre de navigation iOS avec React Native et la rendre compatible avec Android.
Quels sont les composants React Native utilisés dans cette vidéo ?
Les composants utilisés incluent View, Text, et Component de React.
Comment les styles sont-ils gérés dans cette leçon ?
Les styles sont définis directement dans le fichier pour éviter de compliquer la structure du projet.

Programme détaillé

1 commentaire
1,0
1 vote
5
4
3
2
1
bchirazi
Il y a 3 years
Commentaire
Plus du tout à jour, doit dater de 2017
Dommage parce le contenu semble etre de qualité