Styling & Layout in React Native
Flexbox, absolute Positionierung, responsives Design, Safe Area, plattformspezifische Styles
1Was ist die Standardrichtung von flexDirection in React Native?
Was ist die Standardrichtung von flexDirection in React Native?
Antwort
In React Native ist flexDirection standardmäßig auf 'column' gesetzt, anders als im Web, wo es 'row' ist. Das bedeutet, dass untergeordnete Elemente standardmäßig vertikal von oben nach unten angeordnet werden. Dieser Unterschied spiegelt die typischen Konventionen mobiler Oberflächen wider, bei denen vertikale Layouts häufiger sind.
2Wie erstellt man einen wiederverwendbaren Style in React Native?
Wie erstellt man einen wiederverwendbaren Style in React Native?
Antwort
StyleSheet.create() ist die empfohlene Methode zum Erstellen von Styles in React Native. Damit lässt sich ein Style-Objekt definieren, das in mehreren Komponenten wiederverwendet werden kann. Dieser Ansatz optimiert die Leistung, indem die Styles nur einmal beim Start validiert und per ID referenziert werden, anstatt die Objekte bei jedem Render neu zu erstellen.
3Welche Eigenschaft verwendet man, um ein Element horizontal UND vertikal in seinem Container zu zentrieren?
Welche Eigenschaft verwendet man, um ein Element horizontal UND vertikal in seinem Container zu zentrieren?
Antwort
Um ein Element auf beiden Achsen zu zentrieren, kombiniert man justifyContent: 'center' (Hauptachse) und alignItems: 'center' (Querachse). Mit der Standard-flexDirection ('column') zentriert justifyContent vertikal und alignItems horizontal. Diese beiden Eigenschaften arbeiten zusammen, um eine perfekte Zentrierung zu erreichen.
Welche Maßeinheit wird in React Native standardmäßig für Dimensionen verwendet?
Welche Eigenschaft ermöglicht es, ein Element absolut relativ zu seinem Eltern-Element zu positionieren?
+15 Interview-Fragen
Weitere React Native-Interviewthemen
JavaScript-Grundlagen
React-Grundlagen
React Native Grundlagen
React Hooks
TypeScript für React & React Native
React Native Komponenten & API
React Native Navigation
React Native State Management
Networking & API in React Native
Datenpersistenz
Formulare & Validierung
React Native Animationen
Native Modules & Bridge
Plattformspezifischer Code
Berechtigungen & Geräte-APIs
Push Notifications
React Native Testing
React Native Debugging
Build & Deployment
Expo vs React Native Bare
Performance-Optimierung
Speicherverwaltung
Architecture Patterns
React Native New Architecture
Security Best Practices
Offline-First Architecture
React Native CI/CD
Monorepo & Code-Sharing
Fortgeschrittene Themen
App-Lebenszyklus & Hintergrundausführung
Authentifizierung und Sitzungsverwaltung
Monitoring & Crash Reporting
Meistere React Native für dein nächstes Interview
Zugang zu allen Fragen, Flashcards, technischen Tests, Code-Review-Übungen und Interview-Simulatoren.
Kostenlos starten