layers Expo SDK 57 / React Native

Setup & Comandos de Instalação

Guia completo de inicialização para FederalDriver (Motoristas/Entregadores) e FederalPro (Passageiros/Clientes).

create_new_folder 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

fingerprint 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

map 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

credit_card 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