# Styling & Layout in React Native (React Native)

> Flexbox, absolute Positionierung, responsives Design, Safe Area, plattformspezifische Styles

- 18 Interview-Fragen
- Junior
- [Interview-Fragen: React Native](https://sharpskill.dev/de/technologies/react-native/interviewfragen.md)

## 1. 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.

## 2. 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.

## 3. 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.

## 15 weitere Fragen verfügbar

- 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?

Kostenlos registrieren: https://sharpskill.dev/de/login

## Weitere React Native-Interviewthemen

- [JavaScript-Grundlagen](https://sharpskill.dev/de/technologies/react-native/interviewfragen/javascript-essentials.md): 25 Fragen, Junior
- [React-Grundlagen](https://sharpskill.dev/de/technologies/react-native/interviewfragen/react-fundamentals.md): 20 Fragen, Junior
- [React Native Grundlagen](https://sharpskill.dev/de/technologies/react-native/interviewfragen/react-native-basics.md): 22 Fragen, Junior
- [React Hooks](https://sharpskill.dev/de/technologies/react-native/interviewfragen/react-hooks.md): 20 Fragen, Junior
- [TypeScript für React & React Native](https://sharpskill.dev/de/technologies/react-native/interviewfragen/typescript-for-react-native.md): 22 Fragen, Junior
- [React Native Komponenten & API](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-components-api.md): 20 Fragen, Junior
- [React Native Navigation](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-navigation.md): 22 Fragen, Mid-Level
- [React Native State Management](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-state-management.md): 24 Fragen, Mid-Level
- [Networking & API in React Native](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-networking-api.md): 20 Fragen, Mid-Level
- [Datenpersistenz](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-data-persistence.md): 20 Fragen, Mid-Level
- [Formulare & Validierung](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-forms-validation.md): 18 Fragen, Mid-Level
- [React Native Animationen](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-animations.md): 22 Fragen, Mid-Level
- [Native Modules & Bridge](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-native-modules.md): 20 Fragen, Mid-Level
- [Plattformspezifischer Code](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-platform-specific-code.md): 18 Fragen, Mid-Level
- [Berechtigungen & Geräte-APIs](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-permissions-apis.md): 20 Fragen, Mid-Level
- [Push Notifications](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-push-notifications.md): 18 Fragen, Mid-Level
- [React Native Testing](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-testing.md): 20 Fragen, Mid-Level
- [React Native Debugging](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-debugging.md): 18 Fragen, Mid-Level
- [Build & Deployment](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-build-deployment.md): 20 Fragen, Mid-Level
- [Expo vs React Native Bare](https://sharpskill.dev/de/technologies/react-native/interviewfragen/expo-vs-bare-rn.md): 18 Fragen, Mid-Level
- [Performance-Optimierung](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-performance-optimization.md): 24 Fragen, Senior
- [Speicherverwaltung](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-memory-management.md): 20 Fragen, Senior
- [Architecture Patterns](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-architecture-patterns.md): 22 Fragen, Senior
- [React Native New Architecture](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-new-architecture.md): 24 Fragen, Senior
- [Security Best Practices](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-security-best-practices.md): 20 Fragen, Senior
- [Offline-First Architecture](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-offline-first.md): 20 Fragen, Senior
- [React Native CI/CD](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-ci-cd.md): 20 Fragen, Senior
- [Monorepo & Code-Sharing](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-monorepo-architecture.md): 18 Fragen, Senior
- [Fortgeschrittene Themen](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-advanced-topics.md): 22 Fragen, Senior
- [App-Lebenszyklus & Hintergrundausführung](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-app-lifecycle-background.md): 20 Fragen, Mid-Level
- [Authentifizierung und Sitzungsverwaltung](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-auth-session-management.md): 22 Fragen, Mid-Level
- [Monitoring & Crash Reporting](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-monitoring-crash-reporting.md): 20 Fragen, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-styling-layout