SDK 57 + Expo Go & EAS

Arquitetura de App de Transporte & Entregas

Guia passo a passo com tudo o que você precisa desde a instalação do ambiente até o deploy final para iOS e Android usando React Native e APIs do Google.

Fase 1: Preparação do Ambiente

1. Ferramentas Base

Instale o Node.js (LTS v20+), Git e o VS Code com as extensões do React Native e Expo. Para emular, use Android Studio (Android) ou Xcode (macOS/iOS).

2. Criação do Projeto

Inicie a aplicação com Expo SDK 57 e instale a CLI do EAS:

              npx create-expo-app@latest meu-app
              npm install -g eas-cli
            

Fase 2: APIs do Google Cloud

Maps SDK

Ative o Maps SDK para Android e iOS para renderizar mapas nativos com marcadores e movimentação suave da câmera.

Places API

Necessário para o autocomplete de endereços no campo de pesquisa de origem e destino da corrida.

Directions API

Desenha a rota (polilinha) entre o motorista, a origem do passageiro e o destino final, calculando distâncias.

Fase 3: Pacotes Essenciais

Mapeamento & GPS

npx expo install react-native-maps expo-location

UI & Tempo Real

npm install socket.io-client @gorhom/bottom-sheet react-native-reanimated

Fase 4: Roteiro de Execução Passo a Passo

Configuração do app.json

Adicione as credenciais do Google Maps nos plugins do Expo no seu arquivo app.json para habilitar o suporte nativo.

Módulo de Localização & Mapa Interativo

Peça permissão de GPS ao usuário e exiba o mapa com a posição atual centralizada utilizando expo-location.

Conexão Backend via WebSockets (Socket.io)

Estabeleça a transmissão em tempo real das coordenadas GPS do motorista enviadas para a tela do passageiro.

Build e Publicação com EAS

Gere os artefatos nativos (AAB para Android e IPA para iOS) com a CLI do EAS e publique nas lojas de aplicativos.