Usando librerías nativas de terceros

# 1. Evalúa ANTES de instalar (ve lista de verificación a continuación)
# 2. Instala con el resolver de Expo - no npm simple
npx expo install react-native-maps
 
# 3. Registra el plugin de configuración en app.config.ts (si la librería incluye uno)
# 4. Regenera proyectos nativos y verifica
npx expo prebuild --clean
npx expo-doctor
 
# 5. Construye un cliente de desarrollo - el código nativo de terceros NO está en Expo Go
npx expo install expo-dev-client
npx expo run:ios
# o: eas build --profile development --platform all

// app.config.ts - registro típico de plugin de terceros
import type { ExpoConfig } from "expo/config";
 
export default ({ config }: { config: ExpoConfig }): ExpoConfig => ({
  ...config,
  plugins: [
    [
      "react-native-maps",
      {
        iosGoogleMapsApiKey: process.env.GOOGLE_MAPS_IOS_KEY,
        androidGoogleMapsApiKey: process.env.GOOGLE_MAPS_ANDROID_KEY,
      },
    ],
  ],
});

#!/usr/bin/env bash
# scripts/verify-native-dep.sh - ejecuta después de agregar una librería nativa
set -euo pipefail
 
PKG="${1:?Usage: ./verify-native-dep.sh <package-name>}"
 
echo "▶ Instalando $PKG vía expo install..."
npx expo install "$PKG"
 
echo "▶ Ejecutando expo-doctor..."
npx expo-doctor
 
echo "▶ Resolviendo autolinking (iOS)..."
npx expo-modules-autolinking resolve --platform ios | grep -i "${PKG##*/}" || true
 
echo "▶ Ejecución de prebuild limpio en seco..."
npx expo prebuild --clean --no-install
 
echo "✅ $PKG pasó verificación local - aún así construye en dispositivo"

npx create-expo-app@latest MapsCookbook --template blank-typescript@sdk-57 --yes
cd MapsCookbook
npx expo install expo-dev-client react-native-maps

// app.config.ts
import type { ExpoConfig } from "expo/config";
 
const defineConfig = ({ config }: { config: ExpoConfig }): ExpoConfig => ({
  ...config,
  name: "MapsCookbook",
  slug: "maps-cookbook",
  plugins: [
    [
      "react-native-maps",
      {
        iosGoogleMapsApiKey: process.env.GOOGLE_MAPS_IOS_KEY ?? "",
        androidGoogleMapsApiKey: process.env.GOOGLE_MAPS_ANDROID_KEY ?? "",
      },
    ],
  ],
});
 
export default defineConfig;

// App.tsx
import MapView, { Marker } from "react-native-maps";
import { StyleSheet, View } from "react-native";
 
export default function App() {
  return (
    <View style={styles.container}>
      <MapView
        style={styles.map}
        initialRegion={{
          latitude: 37.78825,
          longitude: -122.4324,
          latitudeDelta: 0.0922,
          longitudeDelta: 0.0421,
        }}
      >
        <Marker
          coordinate={{ latitude: 37.78825, longitude: -122.4324 }}
          title="San Francisco"
        />
      </MapView>
    </View>
  );
}
 
const styles = StyleSheet.create({
  container: { flex: 1 },
  map: { flex: 1 },
});

# Regenera directorios nativos y ejecuta en simulador
npx expo prebuild
npx expo run:ios
 
# Inicia Metro para el cliente de desarrollo (no Expo Go)
npx expo start --dev-client

# Confirma Nueva Arquitectura en proyecto generado
grep -r "newArchEnabled" android/ ios/ 2>/dev/null || true
 
# Verifica por fuerza con compilación de release en dispositivo (no solo Metro de debug)
npx expo run:ios --configuration Release

# Lista módulos que compilarán en el binario
npx expo-modules-autolinking resolve --platform ios
npx expo-modules-autolinking resolve --platform android
 
# Autolinking de comunidad React Native (paquetes no-Expo)
npx react-native config