React Native

Das Entwicklungsmuster von React wird durch React Native auf mobile Geräte (iOS oder Android) übertragen.

Das meist verbreitete Entwicklungstool dazu ist Expo. Mit Expo Snack gibt es auch eine Entwicklungsumgebung, die nur einen Browser benötigt.

Alternativen zu dieser plattformübergreifenden Entwicklung mit React Native sind

• retool
• Flutter
  • mit Fluxbuilder

Komponenten

Standardkomponenten

• https://reactnative.dev/docs/components-and-apis

Navigation, Layout etc.

• https://reactnavigation.org/

Icons

• expo/vectoricons fasst viele Icons-Sammlungen zusammen.
  • Über icons.expo.fyi kann man die Icons raussuchen.

Gesamtframeworks

• UI Kitten
• https://callstack.github.io/react-native-paper/
• https://gluestack.io/

Expo

Expo ist eine umfassende Entwicklungsumgebung. Mit dem EAS Build-Service ist auch möglich, eine APK in der Cloud erstellen zu lassen, ohne dass lokal ein Android Studio oder Android SDK verfügbar sein muss.

Expo kann neben Android-Apps auch eine Web-Anwendung erstellen, was den Entwicklungsprozess beschleunigen kann.

Expo und Environment-Variablen

Die Umgebungsvariablen in .env - Dateien können - wenn sie mit EXPO_PUBLIC_ beginnen - mittels process.env.EXPO_PUBLIC_XXX zugegriffen werden.

In den Web-Anwendungen funktioniert das nur, wenn der Bundler "metro" gesetzt ist. Dazu muss expo.web.bundler="metro" in der Datei app.json gesetzt werden.

Expo Go lädt alte App-Version

Manchmal funktioniert das Aktualisieren der App in Expo Go nicht. Dann muss man in den App-Einstellungen von Expo Go die "Daten löschen" und den "Cache löschen".

---