React Native: Unterschied zwischen den Versionen
Codica (Diskussion | Beiträge) |
Codica (Diskussion | Beiträge) |
||
| (9 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 6: | Zeile 6: | ||
* [https://retool.com retool] | * [https://retool.com retool] | ||
| − | * [ | + | * [[flutter]] |
| − | |||
== Komponenten == | == Komponenten == | ||
| − | === Navigation, Layout etc. == | + | === Standardkomponenten === |
| + | |||
| + | * https://reactnative.dev/docs/components-and-apis | ||
| + | |||
| + | === Navigation, Layout etc. === | ||
* https://reactnavigation.org/ | * https://reactnavigation.org/ | ||
| + | |||
| + | === Icons === | ||
| + | |||
| + | * expo/vectoricons fasst viele Icons-Sammlungen zusammen. | ||
| + | ** Über [https://icons.expo.fyi/Index icons.expo.fyi] kann man die Icons raussuchen. | ||
| + | |||
| + | === Gesamtframeworks === | ||
| + | |||
| + | * [https://akveo.github.io/react-native-ui-kitten/docs/getting-started/what-is-ui-kitten#whats-included 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.<ref>Vgl. https://github.com/expo/expo/issues/23812</ref> | ||
| + | |||
| + | === 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". | ||
------ | ------ | ||
[[Category:Softwareentwicklung]] | [[Category:Softwareentwicklung]] | ||
[[Category:Android]] | [[Category:Android]] | ||
Aktuelle Version vom 20. November 2024, 18:27 Uhr
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
Komponenten
Standardkomponenten
Icons
- expo/vectoricons fasst viele Icons-Sammlungen zusammen.
- Über icons.expo.fyi kann man die Icons raussuchen.
Gesamtframeworks
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.[1]
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".