4.000
Bearbeitungen
Änderungen
Zur Navigation springen
Zur Suche springen
Zeile 6:
Zeile 6: − + − + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
→Gesamtframeworks
* [https://retool.com retool]
* [https://retool.com retool]
* [https://flutter.dev/ Flutter]
* [[flutter]]
** mit [https://docs.fluxbuilder.com/ Fluxbuilder ]
== Aspekte ==
=== Styling ===
React Native unterstützt nur einen CSS-ähnlichen Ansatz, aber nicht CSS direkt.
Ähnlicher wird es mit Libraries, z.B. styled oder NativeWind.
Auch [https://www.unistyl.es/ UniStyles] ist eine solche Library, die das Styling von React Native Apps vereinfachen soll. Siehe dazu auch
* https://dev.to/ajmal_hasan/streamlining-styling-in-react-native-with-unistyles-2fp2
Unabhängig von der eingesetzteh Bibliothek gibt es verschiedene Tipps:
* Style-Konstanten an einem zentralen Ort im Source-Code
* Wiederverwendbare Komponenten
Siehe auch
* https://medium.com/@tusharkumar27864/best-practices-for-styling-mobile-apps-in-react-native-1fcf8eac649e
* https://blog.logrocket.com/react-native-styling-tutorial-examples/
* https://kodaschool.com/blog/styling-in-react-native-flexbox-and-stylesheet
* https://infinum.com/handbook/frontend/react-native/styling
* https://www.digitalocean.com/community/tutorials/react-styling-react-native
== Komponenten ==
=== Standardkomponenten ===
* https://reactnative.dev/docs/components-and-apis
=== Navigation, Layout etc. ===
* 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/
=== Anzeige verwendeter Open Source Lizenzen ===
* https://www.callstack.com/blog/react-native-legal-acknowledge-open-source-libraries-in-your-app
== 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]]