Native Mobile-Apps
Ein natives Projekt ist eine Expo- / React-Native-Anwendung für iOS und Android. Cadrant generiert die App mit vollem Zugriff auf native Geräte-APIs und öffnet die Vorschau standardmäßig im Telefonrahmen.
Nutzen Sie diesen Modus, wenn Sie Kamera, Push-Benachrichtigungen, Sensoren oder andere native Fähigkeiten brauchen — und wenn Sie eine echte store-native iOS-App ausliefern möchten.
Was Sie erhalten
- Expo- / React-Native-Stack für iOS und Android.
- Volle native APIs: Kamera, Push-Benachrichtigungen, Sensoren und mehr — bevorzugen Sie expo-*-Pakete.
- Telefonrahmen-Vorschau in Cadrant über Metro + react-native-web.
- Expo-Go-QR-Code für eine schnelle UI-Vorschau auf dem Gerät (nur Layout und Navigation — nicht zum Validieren nativer APIs).
- Supabase-Data-Tab: Auth, Datenbank, Storage und Edge Functions.
- GitHub-Sync und Versionsverlauf.
- App-Store-Publishing (iOS) über einen geführten Apple-Developer-Flow.
Ein natives Projekt erstellen
- Erstellen Sie ein neues Projekt und öffnen Sie den Tab Mobile Anwendung.
- Wählen Sie « Nativ » (nicht « Webview / PWA »).
- Beschreiben Sie Screens, Navigation und native Features in Ihrem Prompt.
- Iterieren Sie in der Telefonrahmen-Vorschau, bis die UX stimmt.
Vorschau
Die native Vorschau nutzt Metro. In Cadrant wird die App im Telefonrahmen über react-native-web gerendert. Sie können das Layout auch auf einem echten Gerät vorab prüfen:
- Starten Sie den Preview-Server im Projekt.
- Installieren Sie Expo Go auf Ihrem Telefon.
- Scannen Sie den in Cadrant angezeigten QR-Code, um die Live-App zu öffnen.
Data und GitHub
Wie bei Web-Projekten: öffnen Sie den Data-Tab für Supabase (Auth, Datenbank, Storage, Edge Functions) und verbinden Sie GitHub für Sync und Versionsverlauf.
Veröffentlichen
Native Projekte werden nicht wie eine klassische Web-App veröffentlicht. Es gibt keinen Cadrant-Slug und keine eigene Domain für das native Binary.
App Store (iOS)
Öffnen Sie in der Projektkopfzeile App-Store-Publish. Cadrant führt Sie durch Apple-Developer-Anmeldung, App-Details, Zertifikat und Build und lädt dann ein iOS-Binary in Ihr App-Store-Connect-Konto hoch.
- Die App ist ein echtes natives Expo- / React-Native-Binary — keine WebView-Hülle.
- Sie behalten die Ownership unter Ihrem Apple-Developer-Konto.
- Listing, Screenshots und Review finalisieren Sie in App Store Connect.
- Validieren Sie native Features auf dem Gerät mit TestFlight vor der App Review.
Schrittweise: Auf App Store Connect veröffentlichen und dann Mit TestFlight testen.
Empfohlener Workflow
UI bauen und vorab prüfen
Iterieren Sie im Telefonrahmen und nutzen Sie optional Expo Go für einen schnellen Layout-Check auf dem Gerät. Expo Go dient nicht zur Validierung nativer APIs.Backend verbinden
Verbinden Sie Supabase und GitHub nach Bedarf über den Data-Tab und die Projekt-Tools.Veröffentlichen und mit TestFlight testen
Veröffentlichen Sie auf App Store Connect und installieren Sie danach über TestFlight, um Kamera, Push, Sensoren und andere native Features vor der App Review zu validieren.
Verwandte Seiten
- Mobile Anwendungen — Wahl zwischen Nativ und Webview / PWA.
- Webview- & PWA-Mobile-Apps — teilbare URL, PWA-Installation, App-Store-WebView-Hülle.
- Auf App Store Connect veröffentlichen — iOS-Binary von Cadrant hochladen.
- Mit TestFlight testen — native Features auf einem echten Gerät validieren.