layers Expo SDK 57 / React Native
Setup & Comandos de Instalação
Guia completo de inicialização para FederalDriver (Motoristas/Entregadores) e FederalPro (Passageiros/Clientes).
1. Inicialização dos Diretórios
Criação dos Projetos Base
Terminal
Comandos para inicialização dos dois repositórios principais usando a CLI oficial do Expo.
bash
# Criar app para Motoristas / Entregadores
npx create-expo-app FederalDriver --template blank
# Criar app para Passageiros / Clientes
npx create-expo-app FederalPro --template blank
local_taxi
2. Setup: FederalDriver (Motoristas / Entregadores)
Fase 1: Navegação & UI Base
Passo 2.1
Navegação nativa por abas e pilhas, tratamento de Safe Area, ícones e motor de animações para aceite de corridas.
bash
cd FederalDriver
npx expo install @react-navigation/native @react-navigation/native-stack @react-navigation/bottom-tabs react-native-screens react-native-safe-area-context @expo/vector-icons react-native-reanimated
my_location Fase 2: GPS em Segundo Plano
Passo 2.2
Mapeamento avançado com gerenciador de tarefas em segundo plano para rastreamento da frota com tela bloqueada.
bash
npx expo install react-native-maps expo-location expo-task-manager
Fase 3: Realtime & Push
Passo 2.3
Conexão WebSocket contínua para recebimento instantâneo de chamadas e armazenamento seguro.
bash
npx expo install expo-notifications expo-secure-store @react-native-async-storage/async-storage
npm install socket.io-client axios
Fase 4: Biometria & CNH
Passo 2.4
Acesso à câmera para fotos da CNH/CRLV, upload de documentos e autenticação por FaceID/Impressão Digital.
bash
npx expo install expo-camera expo-image-picker expo-file-system expo-local-authentication
person_pin_circle
3. Setup: FederalPro (Passageiros / Clientes)
Fase 1: Navegação & Lottie
Passo 3.1
Navegação nativa por abas/pilhas, tratamento de Safe Area, ícones e animações Lottie de busca de motorista.
bash
cd ../FederalPro
npx expo install @react-navigation/native @react-navigation/native-stack @react-navigation/bottom-tabs react-native-screens react-native-safe-area-context @expo/vector-icons lottie-react-native react-native-reanimated
Fase 2: Maps & Localização
Passo 3.2
Renderização de mapas interativos e captura da localização atual do cliente para embarque.
bash
npx expo install react-native-maps expo-location
Fase 3: Realtime, Push & Storage
Passo 3.3
Comunicação via WebSockets para acompanhar o motorista se aproximando e notificações push.
bash
npx expo install expo-notifications expo-secure-store @react-native-async-storage/async-storage
npm install socket.io-client axios
Fase 4: Checkout In-App
Passo 3.4
Componentes nativos para cadastro de cartão de crédito e checkout direto no aplicativo via Stripe SDK.
bash
npx expo install @stripe/stripe-react-native