Apps mobile nativos
Um projeto nativo é uma aplicação Expo / React Native para iOS e Android. O Cadrant gera o app com acesso completo às APIs nativas do dispositivo e abre a prévia em um frame de telefone por padrão.
Use este modo quando precisar de câmera, notificações push, sensores ou outras capacidades nativas — e quando quiser publicar um app iOS verdadeiramente nativo na store.
O que você obtém
- Stack Expo / React Native para iOS e Android.
- APIs nativas completas: câmera, notificações push, sensores e mais — prefira os pacotes expo-*.
- Prévia em frame de telefone no Cadrant via Metro + react-native-web.
- QR code do Expo Go para uma prévia rápida da UI no dispositivo (apenas layout e navegação — não para validar APIs nativas).
- Aba data do Supabase: auth, banco de dados, storage e Edge Functions.
- Sync GitHub e histórico de versões.
- Publicação na App Store (iOS) via fluxo guiado do Apple Developer.
Criar um projeto nativo
- Crie um novo projeto e abra a aba Aplicação mobile.
- Selecione « Nativo » (não « Webview / PWA »).
- Descreva telas, navegação e recursos nativos no seu prompt.
- Itere na prévia em frame de telefone até a UX ficar certa.
Prévia
A prévia nativa usa Metro. No Cadrant, o app é renderizado em um frame de telefone via react-native-web. Você também pode pré-visualizar o layout em um dispositivo real:
- Inicie o servidor de preview no projeto.
- Instale o Expo Go no seu telefone.
- Escaneie o QR code exibido no Cadrant para abrir o app ao vivo.
Data e GitHub
Como nos projetos web: abra a aba data para Supabase (auth, banco de dados, storage, Edge Functions) e conecte o GitHub para sync e histórico de versões.
Publicar
Projetos nativos não são publicados como um app web clássico. Não há slug do Cadrant nem domínio personalizado para o binário nativo.
App Store (iOS)
No cabeçalho do projeto, abra Publicar App Store. O Cadrant guia você pelo login Apple Developer, detalhes do app, certificado e build, e depois envia um binário iOS para a sua conta do App Store Connect.
- O app é um binário Expo / React Native verdadeiramente nativo — não um shell WebView.
- Você mantém a propriedade sob a sua conta Apple Developer.
- Finalize ficha, capturas e review no App Store Connect.
- Valide recursos nativos no dispositivo com o TestFlight antes da App Review.
Passo a passo: Publicar no App Store Connect e depois Testar com o TestFlight.
Fluxo de trabalho recomendado
Construir e pré-visualizar a UI
Itere no frame de telefone e, opcionalmente, use o Expo Go para uma checagem rápida de layout no dispositivo. O Expo Go não serve para validar APIs nativas.Conectar o backend
Conecte Supabase e GitHub conforme necessário pela aba data e pelas ferramentas do projeto.Publicar e testar com o TestFlight
Publique no App Store Connect e depois instale via TestFlight para validar câmera, push, sensores e outros recursos nativos antes da App Review.
Relacionados
- Aplicativos mobile — escolha entre Nativo e Webview / PWA.
- Apps mobile Webview e PWA — URL compartilhável, instalação PWA, shell App Store WebView.
- Publicar no App Store Connect — enviar o binário iOS pelo Cadrant.
- Testar com o TestFlight — validar recursos nativos em um dispositivo real.