Styling & Layout React Native
Flexbox, absolute positioning, responsive design, safe area, platform-specific styles
1Quelle est la direction par défaut de flexDirection dans React Native ?
Quelle est la direction par défaut de flexDirection dans React Native ?
Réponse
Dans React Native, flexDirection est défini sur 'column' par défaut, contrairement au web où il est 'row'. Cela signifie que les éléments enfants sont disposés verticalement de haut en bas par défaut. Cette différence reflète les conventions typiques des interfaces mobiles, où les layouts verticaux sont plus courants.
2Comment créer un style réutilisable dans React Native ?
Comment créer un style réutilisable dans React Native ?
Réponse
StyleSheet.create() est la méthode recommandée pour créer des styles dans React Native. Elle permet de définir un objet de styles qui peut être réutilisé dans plusieurs composants. Cette approche optimise les performances en validant les styles une seule fois au démarrage et en les référençant par ID plutôt que de recréer les objets à chaque rendu.
3Quelle propriété utiliser pour centrer un élément horizontalement ET verticalement dans son conteneur ?
Quelle propriété utiliser pour centrer un élément horizontalement ET verticalement dans son conteneur ?
Réponse
Pour centrer un élément dans les deux axes, il faut combiner justifyContent: 'center' (axe principal) et alignItems: 'center' (axe secondaire). Avec le flexDirection par défaut ('column'), justifyContent centre verticalement et alignItems centre horizontalement. Ces deux propriétés travaillent ensemble pour obtenir un centrage parfait.
Quelle est l'unité de mesure utilisée par défaut dans React Native pour les dimensions ?
Quelle propriété permet de positionner un élément de manière absolue par rapport à son parent ?
+15 questions d'entretien
Autres sujets d'entretien React Native
Les bases de JavaScript
Fondamentaux React
Bases de React Native
React Hooks
TypeScript pour React & React Native
Composants & API React Native
Navigation React Native
State Management React Native
Networking & API React Native
Persistance des données
Forms & Validation
Animations React Native
Native Modules & Bridge
Code spécifique aux plateformes
Permissions & Device APIs
Push Notifications
Testing React Native
Debugging React Native
Build & Deployment
Expo vs React Native Bare
Performance Optimization
Memory Management
Architecture Patterns
New Architecture React Native
Security Best Practices
Offline-First Architecture
CI/CD React Native
Monorepo & Code Sharing
Advanced Topics
App Lifecycle & Background Execution
Authentication & Session Management
Monitoring & Crash Reporting
Maîtrise React Native pour ton prochain entretien
Accède à toutes les questions, flashcards, tests techniques, exercices de code review et simulateurs d'entretien.
Commencer gratuitement