Apps móviles nativas
Un proyecto nativo es una aplicación Expo / React Native para iOS y Android. Cadrant genera la app con acceso completo a las APIs nativas del dispositivo y abre la vista previa en un marco de teléfono por defecto.
Usa este modo cuando necesites cámara, notificaciones push, sensores u otras capacidades nativas — y cuando quieras publicar una app iOS verdaderamente nativa en la store.
Qué obtienes
- Stack Expo / React Native para iOS y Android.
- APIs nativas completas: cámara, notificaciones push, sensores y más — prefiere los paquetes expo-*.
- Vista previa en marco de teléfono en Cadrant vía Metro + react-native-web.
- Código QR de Expo Go para una vista previa rápida de la UI en el dispositivo (solo layout y navegación — no para validar APIs nativas).
- Pestaña data de Supabase: auth, base de datos, storage y Edge Functions.
- Sync GitHub e historial de versiones.
- Publicación en App Store (iOS) mediante un flujo guiado de Apple Developer.
Crear un proyecto nativo
- Crea un proyecto nuevo y abre la pestaña Aplicación móvil.
- Selecciona « Nativa » (no « Webview / PWA »).
- Describe pantallas, navegación y funciones nativas en tu prompt.
- Itera en la vista previa del marco de teléfono hasta que la UX sea la adecuada.
Vista previa
La vista previa nativa usa Metro. Dentro de Cadrant, la app se renderiza en un marco de teléfono con react-native-web. También puedes previsualizar el layout en un dispositivo real:
- Inicia el servidor de preview desde el proyecto.
- Instala Expo Go en tu teléfono.
- Escanea el código QR que muestra Cadrant para abrir la app en vivo.
Data y GitHub
Igual que en proyectos web: abre la pestaña data para Supabase (auth, base de datos, storage, Edge Functions) y conecta GitHub para sync e historial de versiones.
Publicar
Los proyectos nativos no se publican como una app web clásica. No hay slug de Cadrant ni dominio personalizado para el binario nativo.
App Store (iOS)
Desde la cabecera del proyecto, abre Publicar App Store. Cadrant te guía por el inicio de sesión de Apple Developer, los detalles de la app, el certificado y el build, y luego sube un binario iOS a tu cuenta de App Store Connect.
- La app es un binario Expo / React Native verdaderamente nativo — no una carcasa WebView.
- Mantienes la propiedad bajo tu cuenta de Apple Developer.
- Finaliza ficha, capturas y revisión en App Store Connect.
- Valida las funciones nativas en el dispositivo con TestFlight antes de App Review.
Paso a paso: Publicar en App Store Connect y después Probar con TestFlight.
Flujo de trabajo recomendado
Construir y previsualizar la UI
Itera en el marco de teléfono y, opcionalmente, usa Expo Go para una revisión rápida del layout en el dispositivo. Expo Go no sirve para validar APIs nativas.Conectar el backend
Conecta Supabase y GitHub según necesites desde la pestaña data y las herramientas del proyecto.Publicar y probar con TestFlight
Publica en App Store Connect e instala luego con TestFlight para validar cámara, push, sensores y otras funciones nativas antes de App Review.
Relacionado
- Aplicaciones móviles — elige entre Nativa y Webview / PWA.
- Apps móviles Webview y PWA — URL compartible, instalación PWA, carcasa App Store WebView.
- Publicar en App Store Connect — subir el binario iOS desde Cadrant.
- Probar con TestFlight — validar funciones nativas en un dispositivo real.