Seite 5 - React Native

React Native Widgets werden nicht von der JavaScript-Engine gerendert, sondern von den nativen Widget-Frameworks der Plattformen selbst. Dieser Artikel zeigt, wie ein iOS Widget Extension Target mit SwiftUI und ein Android App Widget mit Jetpack Glance sauber an eine bestehende React Native App angebunden werden, inklusive Datenaustausch und Deep-Linking.

React Navigation gibt Entwicklerteams die volle Kontrolle über den Navigationsbaum einer React-Native-App: createNativeStackNavigator, createBottomTabNavigator und createDrawerNavigator lassen sich gezielt ineinander verschachteln, mit TypeScript typisieren und über eine Linking-Konfiguration mit Deep Links verbinden, ganz ohne dateibasierte Routing-Konventionen.

Ein Play Console Eintrag ist mehr als ein Titel und ein Icon: Store-Listing, Content-Rating, Data Safety und Testing-Tracks entscheiden gemeinsam darüber, ob eine React Native App überhaupt live gehen kann. Dieser Leitfaden erklärt Schritt für Schritt, wie ein Play Console Eintrag richtig aufgebaut wird und welche Felder in der Praxis am häufigsten für Verzögerungen sorgen.

AsyncStorage speichert Werte unverschlüsselt als Klartext, auslesbar bei physischem Zugriff oder auf gerooteten Geräten. Secure Storage über die iOS Keychain und den Android Keystore verschlüsselt Secrets auf Betriebssystemebene und kann sie zusätzlich an Biometrie binden. Dieser Artikel zeigt, wie react-native-keychain und expo-secure-store Access-Tokens, Refresh-Tokens und andere sensible Daten korrekt ablegen.

Eine React-Native-App, die mit einem IoT-Gerät über Bluetooth Low Energy spricht, muss Scanning, Kopplung, Berechtigungen und Verbindungsabbrüche robust handhaben. Dieser Artikel zeigt die vollständige Bluetooth-Integration mit react-native-ble-plx, von der GATT-Hierarchie bis zur Reconnect-Logik im Produktivbetrieb.

Eine App, die nach einer halben Stunde Nutzung spürbar langsamer wird oder auf älteren Geräten abstürzt, hat mit hoher Wahrscheinlichkeit ein Speicherleck. Anders als bei reinem JavaScript-Code, wo der Garbage Collector viele Fehler still verzeiht, wirken sich in React Native sowohl JavaScript-seitige als auch native Referenzen auf den tatsächlichen Speicherverbrauch aus. Dieser Artikel beschreibt die typischen Ursachen wie nicht bereinigte Event-Listener, hängende Timer und problematische Closures, und zeigt, wie sich Lecks mit Xcode Instruments und dem Android Studio Profiler systematisch aufspüren und beheben lassen.

Biometrische Authentifizierung ersetzt die lästige PIN-Eingabe durch einen Blick oder eine Berührung, verlangt dafür aber ein sauberes Verständnis des zugrunde liegenden Sicherheitsmodells. Face ID unter iOS und Fingerabdruck-Prompts unter Android entsperren niemals biometrische Rohdaten, sondern lokal einen kryptografischen Schlüssel. Dieser Artikel zeigt, wie biometrische Authentifizierung in React Native mit expo-local-authentication und react-native-biometrics sauber implementiert, mit echter Server-Verifikation kombiniert und mit sinnvollen Fallbacks abgesichert wird.

Video- und Audio-Wiedergabe in React Native ist kein einheitliches Problem: Ein kurzer Video-Feed im TikTok-Stil, ein Podcast-Player mit Lock-Screen-Steuerung und ein On-Demand-Video-Player mit adaptivem Streaming brauchen unterschiedliche technische Grundlagen. Die Wahl zwischen expo-video, react-native-video und react-native-track-player entscheidet direkt darüber, ob Background-Audio, DRM-Schutz und Speicherverwaltung zuverlässig funktionieren.

Lottie bringt von Designern in After Effects gebaute Animationen als kompaktes JSON in die App und spielt sie nativ auf iOS und Android ab, ohne Video-Datei und ohne handgeschriebenen Animationscode. Dieser Artikel zeigt die JSON-Pipeline, die programmatische Steuerung über Play, Pause und dynamische Farben sowie die Grenzen von Lottie gegenüber selbst programmierten Reanimated-Animationen.

Eine solide CI/CD-Pipeline verwandelt jeden Merge in einen reproduzierbaren, signierten Build, statt sich auf manuell gebaute Binaries von einzelnen Entwicklerrechnern zu verlassen. Dieser Artikel zeigt, wie GitHub Actions und Expo Application Services zusammen Lint, Tests, Cloud-Builds, Code-Signing und Store-Submission für eine React Native App automatisieren.