Seite 3 - React Native

Wenn eine bestehende Bibliothek eine Lücke in React Native nicht schließt, führt kein Weg an einem eigenen nativen Modul vorbei. Dieser Artikel zeigt, wie die Swift und Kotlin Brücke zwischen JavaScript und nativem Code aufgebaut ist, wie Turbo Modules und JSI die alte Bridge ablösen, und wie ein sauber typisiertes natives Modul von der Spec-Datei bis zum fertigen JS-Wrapper entsteht.

Wer React-Native-Apps mit Appium oder Selenium-basierten Tools testet, kennt das Problem: Sleeps, flackernde Assertions, Tests, die lokal grün und in CI rot sind. Detox löst genau das mit einem gray-box Ansatz, der sich mit dem Event-Loop der App synchronisiert, statt blind zu warten.

Barrierefreiheit in einer React-Native-App ist kein nachträglicher CSS-Fix wie im Web, sondern erfordert bewusst gesetzte accessibilityLabel-Werte, Rollen und eine durchdachte Fokus-Reihenfolge von Anfang an. Wer diese Grundlagen ignoriert, schließt Nutzer von Screenreadern wie VoiceOver und TalkBack faktisch aus der App aus und riskiert seit dem European Accessibility Act zusätzlich rechtliche Konsequenzen.

Apollo Client verbindet GraphQL und React Native über einen normalisierenden Cache, typisierte Hooks und eine Persistenzschicht, die Daten über App-Neustarts hinweg verfügbar hält. Wer ApolloClient, InMemoryCache und die Apollo-Hooks richtig konfiguriert, bekommt weniger Netzwerk-Roundtrips, sofortiges UI-Feedback durch Optimistic Updates und eine Anwendung, die auch bei instabiler Mobilfunkverbindung nutzbar bleibt.

Dark Mode ist längst keine Kür mehr, sondern eine Nutzererwartung. Wer Farben in React Native direkt in StyleSheet.create hardcodiert, baut sich technische Schulden auf, sobald Dark Mode oder ein zweites Farbschema gefordert wird. Design-Tokens, ein zentraler ThemeProvider und systematisches Theming lösen dieses Problem einmalig und sauber.

Ein einzelner getCurrentPosition-Aufruf klingt nach der einfachsten Sache der Welt, doch Standortdienste stehen im Spannungsfeld aus Genauigkeit, Akkuverbrauch und Nutzer-Privatsphäre. Wer Geolocation ohne Konzept in eine React-Native-App integriert, riskiert leere Akkus, verwirrte Nutzer und abgelehnte App-Store-Reviews. Dieser Artikel zeigt, wie Standortdienste unter iOS und Android sauber angefordert, effizient getrackt und zuverlässig getestet werden.

Die Play Store Richtlinien werden nicht nur bei der Einreichung, sondern kontinuierlich per automatisierter Analyse gegen jede veröffentlichte App geprüft. React Native Apps geraten dabei häufig über dieselben Stolpersteine ins Straucheln: undeklarierte sensible Berechtigungen, eine Data-Safety-Sektion, die nicht zur Realität passt, und veraltete Ziel-API-Level. Dieser Leitfaden erklärt die relevantesten Richtlinien und zeigt, wie sich Ablehnungen und Kontosperrungen vermeiden lassen.

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.