656 fertig codierte mobile App-Screens

Feedback

Expo Go und Development Builds

Die meisten Designs laufen in Expo Go. Was das Badge bedeutet, wenn eins nicht läuft.

Was das Badge bedeutet

Jedes Design trägt ein Expo Go bereit-Badge oder eben nicht. Das ist keine subjektive Entscheidung: Es wird aus den Paketen abgeleitet, die das Design tatsächlich importiert, abgeglichen mit einer Tabelle, welche davon nativen Code brauchen. Importiert ein Design etwas, das Expo Go nicht mitbringt, verschwindet das Badge, die Detailseite erklärt welches Paket und warum, und der Prompt wiederholt die Warnung.

BadgeWas auszuführen istWann
Expo Go bereitnpx expo startFast jedes Design. Scan den QR-Code und es läuft.
Kein Badgenpx expo run:iosDas Design braucht einen Development Build, einmal auf deiner Maschine kompiliert.

Warum die meisten Designs qualifizieren

Die Bibliotheken, auf denen die Designs aufbauen, sind alle in Expo Go enthalten: Reanimated, gesture-handler, safe-area-context, svg, expo-image, die Google-Fonts-Pakete und Phosphor-Icons. Nichts im Hausstil braucht ein eigenes natives Modul, deshalb ist der übliche Fall ein Scan und ein Lauf.

  • Bewegung ist Reanimated, das mitgeliefert wird.
  • Icons sind Phosphor, das über react-native-svg zeichnet, ebenfalls mitgeliefert.
  • Bilder sind Remote-URLs über expo-image, deshalb gibt es keine gebündelten Assets zu kompilieren.

Einen Development Build erstellen

Ein Befehl, einmal. Danach nutzt du npx expo start wie gewohnt weiter; nur die Client-App auf Simulator oder Gerät ändert sich.

npx expo run:ios
# or, without Xcode locally:
npx eas build --profile development --platform ios
Das Badge wird abgeleitet, nicht deklariert
Niemand tippt es ein. Es kommt aus der echten Import-Liste des Designs zur Build-Zeit, was bedeutet, dass es nicht veraltet sein kann, wenn ein Design bearbeitet wird.