Rocketseat Docs

Windows

Windows

Dependências

Para configurar o ambiente Android e iOS no Windows utilizando Expo Managed Workflow (Expo GO), precisamos de 5 ferramentas principais:

  • Node.js (LTS);
  • npm (já vem instalado com o Node);
  • git
  • expo-cli local
  • Expo GO (app a ser instalado no dispositivo Android e/ou iOS)

Instalando Node.js (LTS) e npm

O primeiro passa é instalar o Node.js (LTS) e npm no nosso sistema.

Para instalar no seu sistema, você pode utilizar um gerenciador de pacotes como Chocolatey ou instalar diretamente pelo instalador .exe. Nesse guia iremos utilizar o instalador, então basta acessar o link https://nodejs.org/en/, realizar o download e seguir os passos da instalação.

Se você já tiver o Node.js instalado em sua máquina, certifique-se que sua versão é a 14 ou mais recente.

Para verificar se a instalação foi um sucesso, basta executar os comandos abaixo:

node -v
npm -v

Git

Para instalar no seu sistema, você pode utilizar um gerenciador de pacotes como Chocolatey ou instalar diretamente pelo instalador .exe. Nesse guia iremos utilizar o instalador, então basta acessar o link https://git-scm.com/download/win, realizar o download e seguir os passos da instalação.

Para verificar se a instalação foi um sucesso, basta executar o comando abaixo:

git --version

Se foi apresentado o valor da sua versão, a instalação foi um sucesso.

expo-cli

Não é mais recomendado instalar no seu sistema a Expo CLI global, você deve utilizar a Expo CLI local. Se você possui a instalação global, dê uma olhada aqui para aprender a desinstalar.

Para executar os comandos com a Expo CLI local, basta adicionar o npx na frente, exemplos:

npx expo --version
npx expo -h

Não se utiliza a Expo CLI local para criação de projetos. Caso queira iniciar um novo projeto, utilize o comando npx create-expo-app --template

Expo GO

Para executar o app no seu celular (ou emulador) você precisa instalar o aplicativo Expo GO. Ele é o responsável por pegar o código que o metro bundler envia e exibir em tela o seu app React Native.

Para instalá-lo no seu dispositivo físico, basta buscar nas lojas o aplicativo Expo Go:

Para instalá-lo no seu emulador, basta executar o comando npx expo start e escolher qual emulador você deseja executar. Caso o Expo GO não esteja instalado, ele irá solicitar a sua autourização para instalar a versão necessária.

Emulador

Android

Com o Android Studio, é possível configurar um emulador Android e executar a sua aplicação nele.

Porém, esses emuladores consomem bastante recursos do seu computador. Por isso, se você possui um dispositivo físico Android e sua máquina possui configurações modestas (ex.: ⬇ i3, ⬇ 4gb RAM), é recomendado executar a aplicação no seu dispositivo físico pelo Expo GO.

Para aprender a instalar e configurar o seu emulador, siga esse guia

iOS

Disponível apenas para máquinas macOS. Windows e Linux não suportam iOS simulator.

Executando aplicação

Agora que você possui tudo que é necessário para executar sua aplicação Expo, basta seguir os seguintes passos:

  • Acesse a pasta do seu projeto pelo terminal
  • Execute o comando npx expo start
  • Abra o app no seu dispositivo via Expo GO
    • Se for dispositivo físico Android, basta abrir o app Expo GO, selecionar a opção Scan QR code e ler o QR Code apresentado no terminal.
    • Se for dispositivo físico iOS, basta abrir o app de camera do iOS, ler o QR Code apresentado no terminal e clicar no popup Open with Expo Go app
    • Se for emulador Android, basta digitar a no terminal.

Seguindo esses passo seu app deve abrir com sucesso no seu dispositivo 🎉

Edit this page on GitHub