Configurar un emulador iOS es un paso fundamental para cualquier persona que desarrolle aplicaciones con React Native en un equipo macOS. A continuación se explica paso a paso cómo instalar Xcode, abrir el simulador, elegir distintos dispositivos y lanzar tu proyecto para verlo en tiempo real.
¿Por qué solo macOS puede emular iOS?
Antes de comenzar, es importante entender una restricción clave: solo los equipos Apple con macOS pueden emular sistemas operativos iOS [0:18]. Si trabajas con Windows, únicamente podrás emular Android. Los equipos Mac, en cambio, pueden emular tanto iOS como Android, lo que les da una ventaja clara a la hora de probar aplicaciones multiplataforma.
¿Cómo se instala Xcode?
Xcode es el programa necesario para emular dispositivos Apple. Existen dos formas de obtenerlo:
- Ir a la página oficial
developer.apple.com/xcode y descargarlo desde ahí.
- Abrir la App Store en tu Mac, buscar "Xcode" e instalarlo directamente [1:05].
La descarga suele tardar alrededor de una hora, ya que el archivo pesa aproximadamente un giga y medio. Una vez instalado, simplemente ábrelo desde tus aplicaciones.
¿Cómo se abre el simulador de iOS?
Con Xcode abierto, ve a la barra superior, haz clic en Xcode, selecciona Open Developer Tools y después Simulator [2:08]. Esto lanzará un simulador con un iPhone por defecto, por ejemplo un iPhone 12.
Si deseas emular un dispositivo diferente, haz clic en el simulador, ve a File > Open Simulator > iOS y elige entre las opciones disponibles [2:58]:
- iPhone 8 hasta iPhone 12 Pro Max.
- iPod Touch.
- iPad, iPad Pro, iPad Air.
- Incluso Apple Watch o Apple TV.
Puedes abrir más de un emulador a la vez, pero ten en cuenta que cuantos más simuladores cargues, más lento irá tu equipo [3:35]. Lo recomendable es mantener uno o máximo dos abiertos.
¿Cómo lanzar una aplicación React Native en el emulador?
Con el emulador ya en marcha, abre tu proyecto en tu editor de código. Puedes arrastrar la carpeta al editor o usar el comando code . en la terminal para abrir el proyecto en la ruta actual [4:23].
Dentro del archivo package.json encontrarás una sección llamada scripts. Ahí existe un script llamado ios que se encarga de levantar la aplicación en un dispositivo iOS [4:40]. Para ejecutarlo:
- Escribe
yarn ios en la terminal y presiona Intro.
- Esto instalará la aplicación de Expo en el emulador y abrirá un localhost en el navegador.
Ese localhost funciona como una interfaz visual del terminal con botones para ejecutar en iOS, Android o web, e incluso compartir un enlace con otras personas en tu misma red [5:20]. Sin embargo, trabajar directamente desde la terminal es más formativo porque ayuda a interiorizar mejor los comandos.
¿Cómo funciona la recarga en tiempo real?
Una vez que la aplicación se levanta en el emulador, cualquier cambio que hagas en el código se refleja automáticamente. Por ejemplo, si editas el archivo app.js y escribes "Hola, mundo", al guardar verás el cambio de inmediato en el simulador [6:22]. Esta característica se conoce como hot reload y acelera enormemente el desarrollo.
¿Qué ocurre al detener el servidor Metro?
El servidor Metro es el motor que conecta tu código con el emulador en React Native. Si presionas Control + C en la terminal, detienes ese servidor [7:00]. A partir de ese momento, si cierras y vuelves a abrir la aplicación en el emulador, obtendrás un error de conexión.
Para solucionarlo tienes dos opciones:
- Ejecutar
yarn ios de nuevo, lo que reinstala y relanza todo.
- Usar
yarn start para levantar únicamente el servidor Metro sin reinstalar la app [7:25].
Después, abre Expo Go en el emulador, selecciona tu aplicación y esta se conectará automáticamente al servidor. Cualquier cambio posterior, como agregar puntos suspensivos al texto, se actualizará al instante tras el refresh [7:50].
Con estos pasos tienes todo lo necesario para desarrollar y probar aplicaciones React Native en iOS. ¿Has tenido algún problema con la instalación de Xcode o el simulador? Comparte tu experiencia en los comentarios.
