CATALOGUE
Code & Data
Formation
ReactJS
Apprendre React Native - Les fondamentaux
Gestion de Tweets avec React Native
DescriptionProgrammeAvis
Cette leçon fait partie de la formation
49,90€
Je commande
Formation incluse dans l'abonnement Elephorm
Je m'abonne à Elephorm
Problèmes d'affichage et solutions
Objectifs
À l'issue de cette leçon, vous serez capable de :
- Implémenter la disparition automatique du clavier lors de l'ajout d'un tweet.
- Configurer une ScrollView pour une meilleure gestion de l'affichage des tweets.
- Utiliser des solutions de persistance pour conserver les tweets ajoutés.
Résumé
Dans cette leçon, apprenez à gérer l'ajout et l'affichage des tweets dans une application React Native.
Description
Cette leçon détaille les étapes pour corriger les problèmes d'affichage lors de l'ajout de nouveaux tweets dans une application React Native. Vous apprendrez comment :
- Faire disparaître le clavier et vider le champ input après l'ajout d'un tweet.
- Configurer une ScrollView pour permettre le défilement de la liste des tweets.
- Assurer la persistance des tweets à l'aide de solutions comme Async Storage.
Nous couvrirons également les méthodes pour stocker les tweets de manière persistante, soit sur le serveur, soit directement sur l'appareil de l'utilisateur.
Questions fréquentes
Questions réponses
Comment faire disparaître le clavier après l'ajout d'un tweet ?
Utilisez la fonction Keyboard.dismiss de React Native après la mise à jour de l'état.
Pourquoi les tweets disparaissent-ils après un rechargement de la page ?
Les tweets ne sont pas persistés car ils sont stockés uniquement dans le state temporaire. Utilisez des solutions de stockage comme Async Storage ou un serveur distant pour persister les données.
Qu'est-ce qu'une <strong>ScrollView</strong> dans React Native ?
Une ScrollView est un composant de React Native permettant de rendre une section de la vue défilable, idéal pour afficher une liste de tweets qui peuvent dépasser la taille de l'écran.
Programme détaillé
Module 1 - Intro React Native
Qu'est-ce que c'est ?
01:18
Pré-requis
00:56
Module 2 - Environnement de travail
Module 3 - Environnement de travail
Module 4 - Mon premier composant réutilisable en React Native
Création des données
05:38
Affichage d'un tweet
05:00
Afficher les images
02:44
Composant Tweet
14:53
Styliser un composant
17:23
Module 5 - Mon premier composant stateful
Module 6 - Créer un menu de navigation
Module 7 - Aller plus loin
L'API React Native
03:47
Utiliser l'API Alert
06:10
Module 8 - Déployer son application
1 commentaire
1,0
1 vote
5
4
3
2
1
Dommage parce le contenu semble etre de qualité