> ## Documentation Index
> Fetch the complete documentation index at: https://docs.replit.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Crie apps mobile com Expo

> Aprenda a criar e visualizar apps mobile multiplataforma usando Expo no Replit.

Apps são os novos sites, e todos deveriam poder criá-los. Combinando o ambiente de desenvolvimento baseado em navegador do Replit [com o Expo](https://expo.dev/blog/from-idea-to-app-with-replit-and-expo), a criação de apps mobile ficou tão simples quanto construir um site.

<Note>
  Este tutorial vai guiá-lo na criação de um app mobile usando Replit e Expo no Editor de Projeto em [replit.com](https://replit.com), desde a configuração do ambiente até a visualização do app no seu dispositivo.
</Note>

Assista à série de vídeos em duas partes do Replit para aprender a criar e visualizar um app mobile usando Replit e Expo.

## Parte 1: Crie um app mobile em cinco minutos

Aprenda a criar um app nativo para iPhone/Android usando Replit e Expo em apenas cinco minutos — perfeito para iniciantes.

<Frame>
  <iframe width="100%" height="400" src="https://www.youtube.com/embed/mTm_dCF53qk" title="Create a MOBILE app in 5 minutes with Replit and Expo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen />
</Frame>

### Primeiros passos com Replit e Expo

<Steps>
  <Step title="Pré-requisitos">
    Antes de começar, você vai precisar de:

    * Uma conta Replit (gratuita)
    * O [app Expo Go](https://expo.dev/go) instalado no seu dispositivo mobile
    * Uma conta Expo EAS (gratuita)

    Para publicação na App Store ou Google Play depois, você vai precisar de:

    * Uma [conta Apple Developer](https://developer.apple.com/programs/) (US\$99/ano) para iOS
    * Uma [conta Google Play Developer](https://play.google.com/console/signup) (US\$25 único) para Android
  </Step>

  <Step title="Faça o Remix do Template">
    Comece visitando o [Template Expo no Replit](https://replit.com/@replit/Expo?v=1) e selecione "Remix" para criar sua própria cópia. Isso cria uma cópia completa do template na sua conta Replit, incluindo todos os arquivos, configurações e dependências.
  </Step>

  <Step title="Execute o Template">
    Selecione o botão "Run" no Editor de Projeto. O Console exibirá um QR code que conecta o app Expo Go ao seu projeto Replit.
  </Step>

  <Step title="Visualize no seu dispositivo">
    Abra o app Expo Go no seu telefone e escaneie o QR code exibido no Editor de Projeto. Isso carregará o seu app diretamente no telefone. Pode levar um ou dois minutos para o projeto compilar.
  </Step>
</Steps>

O Expo usa React Native para ajudá-lo a criar apps para iOS, Android e web a partir de uma única base de código. Isso significa que você pode criar um app uma vez e tê-lo disponível em todas as plataformas.

<Note>
  A democratização do desenvolvimento mobile através do Replit e Expo torna a criação de apps acessível a todos, não apenas a desenvolvedores profissionais.
</Note>

### Personalizando seu app com o Agent

<Steps>
  <Step title="Escolha sua ferramenta de IA">
    Use o [Agent](/references/agent/overview) para construir seu app Expo:

    * **Modo Build**: Melhor para recursos complexos e grandes mudanças. O template Expo usa o [Agent Geral](/references/agent/general-agent), que suporta qualquer framework.
    * **Modo Lite**: Melhor para mudanças menores e explicações de código.
    * **Modo Plan**: Melhor para planejamento e brainstorming.
  </Step>

  <Step title="Use linguagem natural para construir seu app">
    Descreva o que você quer que seu app faça em linguagem natural. Por exemplo, você pode pedir: "Crie um app que me mostra uma imagem aleatória de um gato toda vez que eu pressiono um botão."
  </Step>

  <Step title="Itere no Editor de Projeto">
    Continue desenvolvendo seu app mobile nativo no Editor de Projeto em [replit.com](https://replit.com). Salve suas alterações e recarregue o Expo Go para visualizar as atualizações no seu telefone.
  </Step>
</Steps>

<Tip>
  Quer criar um app mobile do zero com o Agent? Confira [Criando Apps Mobile com Agent](/references/artifact-types/building-mobile-apps) para aprender sobre como criar apps Expo React Native diretamente da página inicial do Replit.
</Tip>

## Parte 2: Visualize seu app mobile

Aprenda a criar uma build de visualização iOS para seu app Replit Expo.

<Frame>
  <iframe width="100%" height="400" src="https://www.youtube.com/embed/wLQusAwfjdY" title="Preview your mobile app with Replit and Expo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen />
</Frame>

### Crie uma build de visualização para o seu dispositivo

<Note>
  Embora este guia foque na implantação iOS, os mesmos passos do Replit e Expo se aplicam ao desenvolvimento Android. Para Android, siga o [guia de implantação Android do Expo](https://docs.expo.dev/build/setup/) e o [processo do Google Play Console](https://play.google.com/console/about/).
</Note>

<Steps>
  <Step title="Pré-requisitos">
    Antes de criar uma build de visualização iOS, você vai precisar de:

    * Seu app Replit da Parte 1
    * Uma [conta Apple Developer](https://developer.apple.com/programs/) (US\$99/ano) para builds de visualização iOS e publicação na App Store
    * Um iPhone (para implantação iOS)
    * Uma [conta Expo](https://expo.dev/signup)

    Observação: Após configurar sua conta Apple Developer, pode ser necessário aguardar 16 a 24 horas para a Apple aprovar seu perfil.
  </Step>

  <Step title="Inicialize o EAS">
    O [EAS (Expo Application Services)](https://docs.expo.dev/eas/) funciona como interface entre sua build e o Expo, além da App Store.

    1. Pare seu app se ele estiver em execução
    2. No menu suspenso do Editor de Projeto, selecione "EAS init"
    3. Faça login na sua conta Expo quando solicitado
    4. Crie um novo projeto ou selecione um existente

    Este passo autentica sua aplicação com sua conta Expo.
  </Step>

  <Step title="Execute o EAS update">
    Este passo de inicialização ajuda a configurar seu projeto e vinculá-lo à sua conta Apple Developer.

    1. No menu suspenso, selecione "EAS update"
    2. Aguarde o Metro bundler iniciar e concluir o processo de exportação

    Você saberá que este passo foi bem-sucedido quando ver que os bundles foram enviados e um branch foi criado.
  </Step>

  <Step title="Faça a build para iOS">
    Agora é hora de criar uma build de visualização para o seu dispositivo iOS.

    1. No menu suspenso, selecione "EAS publish preview iOS"
    2. Insira um identificador de bundle iOS (ex.: com.seunome.seuappname)
    3. Faça login na sua conta [App Store Connect](https://appstoreconnect.apple.com/) quando solicitado
    4. Selecione seu time de desenvolvedor individual
    5. Gere os certificados de distribuição do dispositivo quando solicitado

    Saiba mais sobre [certificados iOS e perfis de provisionamento](https://docs.expo.dev/app-signing/ios-certificates/).
  </Step>

  <Step title="Registre seu dispositivo">
    Para instalar apps de desenvolvimento no seu iPhone, você precisa registrar seu dispositivo.

    1. Quando solicitado, selecione "website" para registrar seu dispositivo
    2. Escaneie o QR code que aparece com seu iPhone
    3. Baixe o perfil de desenvolvimento quando solicitado
    4. Vá para Ajustes no seu iPhone
    5. Selecione "Perfil Baixado" no topo
    6. Instale o perfil e insira sua senha quando solicitado
    7. Volte ao Editor de Projeto e pressione qualquer tecla para continuar
  </Step>

  <Step title="Aguarde a build">
    O Expo vai criar seu app agora, o que leva cerca de 10 a 15 minutos dependendo da complexidade da sua aplicação.

    1. A build será enfileirada
    2. Você pode verificar o progresso no seu [painel Expo](https://expo.dev) na aba "Builds"
    3. Quando concluída, um novo QR code aparecerá para instalar o app
  </Step>

  <Step title="Instale a build de visualização no seu dispositivo">
    Quando a build de visualização estiver concluída, instale-a no seu iPhone.

    1. Escaneie o QR code de instalação com seu iPhone
    2. Selecione "Instalar" quando solicitado
    3. A build de visualização começará a ser instalada na sua tela inicial
  </Step>

  <Step title="Ative o modo desenvolvedor">
    Antes de abrir o app, você precisa ativar o modo desenvolvedor no seu iPhone.

    1. Vá para Ajustes > Privacidade e Segurança
    2. Role até o final e encontre "Modo Desenvolvedor"
    3. Ative-o
    4. Reinicie o dispositivo quando solicitado
    5. Após reiniciar, você pode abrir e testar sua build de visualização.
  </Step>
</Steps>

## O que você conquistou

Seguindo este tutorial, você agora tem uma build de visualização iOS instalada no seu dispositivo para testes de desenvolvimento. A maioria dos desenvolvedores levaria dias ou semanas para conseguir isso, mas você fez em cerca de uma hora.

<Accordion title="Próximos passos">
  Após concluir este tutorial, você pode:

  * Continuar refinando seu app com mais recursos
  * Adicionar [autenticação](https://docs.expo.dev/develop/authentication/) e armazenamento de dados
  * Implementar recursos nativos do dispositivo como [câmera](https://docs.expo.dev/versions/latest/sdk/camera/) ou [localização](https://docs.expo.dev/versions/latest/sdk/location/)
  * [Enviar seu app para a App Store](https://docs.expo.dev/deploy/submit-to-app-stores/) para distribuição pública
  * Criar uma versão Android usando passos semelhantes
</Accordion>

### Problemas comuns e soluções

<AccordionGroup>
  <Accordion title="App não conecta ao Expo Go">
    * Certifique-se de que seu telefone e computador estão na mesma rede Wi-Fi
    * Tente usar o [modo de conexão "Tunnel"](https://docs.expo.dev/more/expo-cli/?redirected#tunneling) em vez de "LAN"
    * Verifique se seu firewall está bloqueando conexões
    * Consulte o [guia de solução de problemas do Expo](https://docs.expo.dev/troubleshooting/networking/)
  </Accordion>

  <Accordion title="Alterações não aparecem no app">
    * Tente recarregar o app (agite o dispositivo e selecione "Reload")
    * Certifique-se de ter salvo suas alterações no Editor de Projeto
    * Verifique o Console por possíveis erros
    * Consulte a [documentação do modo de desenvolvimento do Expo](https://docs.expo.dev/workflow/development-mode/)
  </Accordion>

  <Accordion title="Build falha no EAS">
    * Verifique sua [configuração app.json](https://docs.expo.dev/workflow/configuration/)
    * Verifique se todas as dependências são compatíveis
    * Certifique-se de ter as [permissões](https://docs.expo.dev/guides/permissions/) corretas configuradas
    * Revise as mensagens de erro nos logs de build
    * Consulte a [solução de problemas do EAS Build](https://docs.expo.dev/build-reference/troubleshooting/)
  </Accordion>
</AccordionGroup>

### Conclusão

Com Replit e Expo, criar apps mobile nunca foi tão fácil ou rápido. Você pode ir de uma ideia a uma visualização nativa mobile funcional em questão de horas, não semanas ou meses. A combinação de desenvolvimento baseado em navegador e um framework mobile multiplataforma remove as barreiras tradicionais de entrada no desenvolvimento mobile.

<Note>
  Para informações mais detalhadas, confira:

  * [Documentação do Expo](https://docs.expo.dev/)
  * [Documentação do React Native](https://reactnative.dev/docs/getting-started)
  * [Diretrizes da Apple App Store](https://developer.apple.com/app-store/guidelines/)
  * [Diretrizes da Google Play Store](https://play.google.com/console/about/guides/)
  * [Documentação do Replit](https://docs.replit.com/)
</Note>