Introdução

Neste artigo, vamos criar um projeto React Native do zero, usando um fluxo simples e próximo do que é feito em projetos reais.

Se você chegou até aqui seguindo a sequência do Binverso, ótimo — já estamos com o ambiente preparado.
Mas, se você caiu direto neste conteúdo, não tem problema. Antes de começar, é importante garantir que algumas ferramentas já estejam prontas.

Por isso, logo abaixo está um resumo rápido do que você precisa ter instalado antes de continuar.
Cada item tem um link direto para o conteúdo correspondente, caso você ainda não tenha passado por ele.

Antes de começar: confira se você já fez estas etapas

Para criar e rodar um projeto React Native sem problemas, você precisa ter passado pelos seguintes passos:

✔ Visual Studio Code

É o editor de código que vamos usar durante todo o desenvolvimento.

👉 Leia antes:
Instalando o Visual Studio Code

✔ Git

Usado para controle de versões e organização do projeto ao longo do tempo.

👉 Leia antes:
Git na prática: commits, push, pull e trabalho em equipe

✔ GitHub

Onde o código do projeto ficará armazenado e versionado.

👉 Leia antes:
Criando conta no GitHub e instalando o Git do zero

✅ Tudo certo? Então vamos começar

Se todas as ferramentas acima já estiverem instaladas e funcionando, você está pronto para continuar.

A partir daqui, vamos:

Mesmo que este seja seu primeiro contato com React Native, basta seguir os passos com calma.

🎥 Assista ao vídeo (e acompanhe este passo a passo)

Para deixar este tutorial mais objetivo e evitar repetir código desnecessário, eu recomendo assistir ao vídeo abaixo e ir executando os passos junto com ele.

📌 Vídeo: Criando um aplicativo do zero com React Native + Expo — Aula 1

O que você vai aprender no vídeo

✅ O vídeo é longo (58min) porque ele mostra tudo com calma e no detalhe.
Aqui no Binverso, o objetivo é te dar o caminho organizado, sem você se perder.

1) Criando o projeto com Expo

Com o Visual Studio Code aberto e posicionado na pasta onde você cria seus projetos, vamos criar o app.

No terminal integrado do VS Code, execute:

npx create-expo-app@latest meuApp --template blank-typescript

Durante a instalação, é normal aparecerem avisos de dependências depreciadas.
Esses avisos não impedem o projeto de funcionar.

Quando o processo terminar, você verá a mensagem:

✅ Your project is ready!

Entrando na pasta do projeto

O projeto foi criado dentro da pasta atual.
Agora basta entrar na pasta do projeto pelo próprio terminal do VS Code:

cd meuApp

3) Iniciando o projeto

Dentro da pasta meuApp, execute:

npm start

(ou, se preferir)

npx expo start

Isso inicia o servidor do Expo e abre as opções de execução.

4) Rodando o app (você escolhe como)

Aqui entram as duas formas principais que o vídeo reforça — e você pode usar a que for mais fácil agora:

✅ Opção A — Rodar no celular (Expo Go)

  1. Instale o Expo Go no seu Android

  2. Com o servidor rodando, escaneie o QR Code

  3. O app abre no celular

👉 É a forma mais rápida para começar.

✅ Opção B — Rodar no emulador (Android Studio)

  1. Abra o Android Studio e inicie um emulador

  2. Com o servidor do Expo rodando, pressione a no terminal

👉 Ideal para quem quer testar como se fosse um aparelho Android “real”.

Checklist final (pra saber se deu certo)

Antes de seguir para o próximo post, confira:

Se tudo acima estiver ok, você já tem um projeto Expo funcionando.