Retour aux cas pratiques
React NativeFondamental
Correction d’un composant provoquant overflow sur petit écran
Scénario
Contexte : L’application fonctionne correctement sur grand écran mais présente débordements sur petits appareils. Le Problème : Certains éléments dépassent la largeur disponible. Extrait logique actuelle : <View style={{ flexDirection: 'row' }}> <Text>{longText}</Text> </View> Contraintes : Utiliser flexbox correctement. Ajouter flexWrap ou ajuster flex. Tester sur différentes tailles d’écran. Livrable attendu : Corriger le layout afin d’assurer affichage responsive sans débordement.
Compétences ciblées
layoutflexboxresponsivebugfixreact-native