Módulo 1 BÁSICO

Atividade 3: Instalando o Expo Go

Configure seu celular para testar seus aplicativos em tempo real!

🎯 Objetivos desta aula

  • Instalar o app Expo Go no seu smartphone
  • Conectar o celular ao Expo Snack via QR Code
  • Ver seu primeiro app rodando no celular

📲 O que é o Expo Go?

O Expo Go é um aplicativo gratuito para Android e iOS que funciona como um "player" de apps React Native. Com ele, você pode ver instantaneamente o app que está desenvolvendo no Snack, sem precisar publicar na loja!

🔄 Como funciona:

💻

Você escreve código no Snack

📷

Escaneia o QR Code

📱

Vê o app no celular!

💡 Mágica: Toda alteração que você faz no código aparece automaticamente no celular em segundos! É o chamado "hot reload".

⬇️ Instalação do Expo Go

🤖

Android

  1. 1. Abra a Play Store
  2. 2. Pesquise "Expo Go"
  3. 3. Instale (desenvolvedor: Expo Project)
  4. 4. Abra e permita acesso à câmera
📲 Play Store
🍎

iPhone/iPad

  1. 1. Abra a App Store
  2. 2. Pesquise "Expo Go"
  3. 3. Instale (desenvolvedor: Expo Project)
  4. 4. Abra e permita acesso à câmera
📲 App Store

🔗 Conectando ao Snack

Agora vamos testar se tudo está funcionando! Siga os passos:

  1. 1
    No computador: acesse snack.expo.dev

    Você verá um projeto de exemplo pronto

  2. 2
    No painel direito: clique na aba "My Device"

    Aparecerá um QR Code

  3. 3
    No celular: abra o Expo Go

    Toque em "Scan QR Code"

  4. 4
    Aponte a câmera para o QR Code

    O app vai carregar no seu celular! 🎉

⚠️ Importante: O celular e o computador precisam estar na mesma rede Wi-Fi para funcionar!

💡 Não tem celular? Sem problemas! No Snack, você pode usar o preview "Web" ou "Android/iOS" que simula o app direto no navegador.

🔧 Problemas Comuns

App não carrega / QR Code não funciona
  • Verifique se estão na mesma rede Wi-Fi
  • Desative VPN se estiver usando
  • Reinicie o Expo Go
  • Clique em "Reload" no Snack
Erro "Network response was not OK"
  • Atualize o Expo Go para a última versão
  • Verifique sua conexão com a internet
  • Tente usar o preview Web no Snack

Confirmação

Antes de continuar, confirme que você conseguiu:

  • Instalei o Expo Go no celular
  • Acessei o Snack no navegador
  • Vi o app de exemplo no meu celular (ou no preview Web)

📝 Quiz - Teste seus conhecimentos