Expo SDK 57 / React Native

Setup & Comandos de Instalação

Guia de inicialização de dependências para os ecossistemas FederalDriver (Clientes) e FederalPro (Motoristas).

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 Clientes / Passageiros npx create-expo-app FederalDriver --template blank # Criar app para Motoristas / Entregadores npx create-expo-app FederalPro --template blank
Pendente
2. Setup: FederalDriver (Passageiros)

Fase 1: Navegação, UI & Animações

Passo 2.1
Navegação nativa por abas/pilhas, tratamento de Safe Area, ícones vetoriais e suporte a animações Lottie.
bash
# Navegar para o projeto cd FederalDriver # Instalar dependências de navegação e UI 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
Pendente

Fase 2: Maps & Localização

Passo 2.2
Renderização de mapas interativos e captura de coordenadas de GPS do cliente.
bash
npx expo install react-native-maps expo-location
Pendente

Fase 3: Instalação Completa de Dependências

Passo 2.3
Comando único para instalar TODAS as dependências do FederalDriver de uma vez! Esta é a forma mais rápida de configurar todo o ambiente.
bash
# Comando completo com todas as dependências npx expo install @react-navigation/native @react-navigation/bottom-tabs @react-navigation/drawer @react-navigation/native-stack react-native-screens react-native-safe-area-context react-native-gesture-handler react-native-reanimated react-native-maps react-native-maps-directions expo-location expo-task-manager expo-background-fetch expo-local-authentication expo-image-picker expo-document-picker expo-image @react-native-async-storage/async-storage expo-notifications expo-constants expo-font @expo/vector-icons expo-crypto expo-secure-store && npm install axios firebase zustand react-native-svg
Este comando instala:
  • • Navegação: Native, Bottom Tabs, Drawer, Native Stack
  • • UI: Screens, Safe Area, Gesture Handler, Reanimated, Vector Icons
  • • Mapas: React Native Maps, Maps Directions
  • • Localização: Location, Task Manager, Background Fetch
  • • Autenticação: Local Authentication, Crypto, Secure Store
  • • Mídia: Image Picker, Document Picker, Image
  • • Armazenamento: Async Storage
  • • Notificações: Notifications, Constants, Font
  • • Utilidades: Axios, Firebase, Zustand, React Native SVG
Pendente

Fase 4: Checkout In-App (Stripe)

Passo 2.4
Componentes nativos para pagamento com cartão de crédito via Stripe SDK.
bash
npx expo install @stripe/stripe-react-native
Pendente
3. Setup: FederalPro (Motoristas / Entregadores)

Fase 1: Estrutura Base & Navegação

Passo 3.1
Navegação nativa, ícones e motor de animação para aceitar corridas.
bash
# Navegar para o projeto cd ../FederalPro # Instalar dependências de navegação e UI 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
Pendente

Fase 2: GPS em Segundo Plano

Passo 3.2
Mapeamento avançado com gerenciador de tarefas em segundo plano para envio contínuo da posição da frota.
bash
npx expo install react-native-maps expo-location expo-task-manager
Pendente

Fase 3: Realtime & Push Notifications

Passo 3.3
Conexão WebSocket contínua para recebimento de solicitações de viagens e alertas sonoros.
bash
npm install socket.io-client axios npx expo install expo-notifications expo-secure-store @react-native-async-storage/async-storage
Pendente

Fase 4: Biometria, Câmera & CNH

Passo 3.4
Acesso à câmera para fotos da CNH/CRLV, upload de arquivos e verificação biométrica (FaceID/TouchID).
bash
npx expo install expo-camera expo-image-picker expo-file-system expo-local-authentication
Pendente
4. Configurações Adicionais

Verificar Instalação

Verificação
Comandos para verificar se todas as dependências foram instaladas corretamente.
bash
# Verificar pacotes instalados npm list --depth=0 # Verificar se há erros no projeto npx expo doctor # Rodar o projeto (Android) npm run android # Rodar o projeto (Web) npm run web
Pendente

Corrigir Vulnerabilidades

Manutenção
Comandos para corrigir vulnerabilidades e problemas de dependências.
bash
# Corrigir vulnerabilidades npm audit fix # Aprovar scripts do Firebase npm approve-scripts --allow-scripts-pending
Pendente