React Native: Unterschied zwischen den Versionen

Aus CodicaTipps
Zur Navigation springen Zur Suche springen
 
(5 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 6: Zeile 6:
  
 
* [https://retool.com retool]
 
* [https://retool.com retool]
* [https://flutter.dev/ Flutter]  
+
* [[flutter]]
** mit [https://docs.fluxbuilder.com/ Fluxbuilder ]
 
  
 
== Komponenten ==
 
== Komponenten ==
Zeile 18: Zeile 17:
  
 
* 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 ===
 
=== 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://callstack.github.io/react-native-paper/
 
* https://gluestack.io/
 
* 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

Navigation, Layout etc.

Icons

  • expo/vectoricons fasst viele Icons-Sammlungen zusammen.

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".