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
    Correction d’un composant provoquant overflow sur petit écran — mise en situation React Native | CodeDuel