App-Lebenszyklus & Hintergrundausführung
AppState, foreground/background transitions, headless JS, background fetch, deep links, universal links
1Was sind die drei möglichen Zustände, die AppState.currentState in React Native zurückgibt?
Was sind die drei möglichen Zustände, die AppState.currentState in React Native zurückgibt?
Antwort
AppState.currentState gibt einen von drei Zuständen zurück: 'active' (App ist im Vordergrund und interaktiv), 'background' (App ist im Hintergrund, läuft aber möglicherweise) und 'inactive' (Übergangszustand unter iOS, zum Beispiel beim Anzeigen der Multitasking-Ansicht). Unter Android ist der Zustand 'inactive' selten, da der Übergang direkt zwischen 'active' und 'background' erfolgt.
2Welche Methode sollte verwendet werden, um mit AppState auf Zustandsänderungen der Anwendung zu hören?
Welche Methode sollte verwendet werden, um mit AppState auf Zustandsänderungen der Anwendung zu hören?
Antwort
Die Methode AppState.addEventListener('change', callback) ermöglicht es, auf Zustandsänderungen der Anwendung zu hören. Der Callback erhält den neuen Zustand ('active', 'background' oder 'inactive') als Parameter. Es ist wichtig, den Listener mit der von addEventListener zurückgegebenen Methode remove() während des Cleanups zu entfernen, um Speicherlecks zu vermeiden.
3Wann tritt der Zustand 'inactive' typischerweise auf iOS auf?
Wann tritt der Zustand 'inactive' typischerweise auf iOS auf?
Antwort
Der Zustand 'inactive' auf iOS tritt bei kurzen Übergängen auf: beim Anzeigen des Kontrollzentrums, der Mitteilungszentrale, des Multitasking-Bildschirms (Doppeltipp auf Home) oder bei einem eingehenden Anruf. Es ist ein Zwischenzustand, in dem die App sichtbar, aber nicht interaktiv ist. Auf Android wird dieser Zustand selten beobachtet, da der Übergang zwischen 'active' und 'background' direkt erfolgt.
Wie implementiert man einen AppState-Listener korrekt in einem useEffect?
Was ist ein Headless JS Task in React Native?
+17 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
Styling & Layout in React Native
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
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