En esta sección, aprenderás cómo construir y desplegar tu aplicación React Native para dispositivos iOS. Este proceso incluye la configuración del entorno de desarrollo, la creación de un archivo de construcción y la preparación de tu aplicación para su publicación en la App Store.

Antes de comenzar, asegúrate de tener lo siguiente:

• Una Mac con macOS.
• Xcode instalado (puedes descargarlo desde la App Store).
• Una cuenta de desarrollador de Apple (opcional para pruebas en dispositivos reales, pero necesaria para la publicación en la App Store).

1. Descarga e instala Xcode desde la App Store.
2. Abre Xcode y acepta los términos y condiciones.
3. Instala las herramientas de línea de comandos:

   xcode-select --install
   

CocoaPods es un gestor de dependencias para proyectos de Xcode. Necesitarás CocoaPods para gestionar las dependencias de tu proyecto React Native.

1. Instala CocoaPods usando gem:

   sudo gem install cocoapods
   

Si aún no tienes un proyecto React Native, puedes crear uno nuevo:

1. Instala React Native CLI:

   npm install -g react-native-cli
   

2. Crea un nuevo proyecto:

   npx react-native init MyNewProject
   

3. Navega al directorio del proyecto:

   cd MyNewProject
   

1. Navega al directorio ios dentro de tu proyecto:

   cd ios
   

2. Instala las dependencias de CocoaPods:

   pod install
   

3. Abre el archivo .xcworkspace generado por CocoaPods en Xcode:

   open MyNewProject.xcworkspace
   

1. Selecciona un simulador en Xcode (por ejemplo, iPhone 12).
2. Construye y ejecuta la aplicación:
   • Haz clic en el botón de "Play" en la esquina superior izquierda de Xcode.
   • Alternativamente, puedes usar el siguiente comando en la terminal:

     npx react-native run-ios
     

Para probar tu aplicación en un dispositivo iOS real, necesitarás una cuenta de desarrollador de Apple.

1. Conecta tu dispositivo iOS a tu Mac.
2. Selecciona tu dispositivo en Xcode.
3. Configura el equipo de desarrollo:
   • Ve a las configuraciones del proyecto en Xcode.
   • En la pestaña "Signing & Capabilities", selecciona tu equipo de desarrollo.
4. Construye y ejecuta la aplicación en tu dispositivo.

1. Configura la firma de código en Xcode:
   • Ve a las configuraciones del proyecto.
   • En la pestaña "Signing & Capabilities", selecciona tu equipo de desarrollo y asegúrate de que la opción "Automatically manage signing" esté habilitada.

1. Selecciona el esquema de producción en Xcode.
2. Crea un archivo de construcción:
   • Ve a "Product" > "Archive".
   • Una vez completado el proceso de archivado, se abrirá el "Organizer".

1. Sube el archivo de construcción a App Store Connect:

   • En el "Organizer", selecciona el archivo de construcción y haz clic en "Distribute App".
   • Sigue las instrucciones para subir tu aplicación a App Store Connect.

2. Completa la información de la aplicación en App Store Connect:

   • Rellena los detalles de la aplicación, como el nombre, la descripción, las capturas de pantalla, etc.
   • Envía tu aplicación para revisión.

1. Crea un nuevo proyecto React Native llamado MyFirstiOSApp.
2. Configura CocoaPods y abre el proyecto en Xcode.
3. Selecciona un simulador y ejecuta la aplicación.

1. Crear el proyecto:

   npx react-native init MyFirstiOSApp
   cd MyFirstiOSApp
   

2. Configurar CocoaPods:

   cd ios
   pod install
   open MyFirstiOSApp.xcworkspace
   

3. Seleccionar un simulador y ejecutar:

   • En Xcode, selecciona un simulador (por ejemplo, iPhone 12).
   • Haz clic en el botón de "Play" para ejecutar la aplicación.

En esta sección, has aprendido cómo configurar tu entorno de desarrollo para iOS, construir y ejecutar tu aplicación en un simulador y en un dispositivo real, y preparar tu aplicación para su publicación en la App Store. Con estos conocimientos, estás listo para llevar tu aplicación React Native al siguiente nivel y compartirla con el mundo.