Instalación de Android Studio y creación de emulador

Curso de Introducción a React Native

Clase 6 de 16

Clase 6 / 16

Recursos

Poner en marcha un emulador Android es uno de los primeros pasos para desarrollar aplicaciones móviles con React Native y Expo. A continuación se explica todo el proceso, desde la descarga de Android Studio hasta ver tu app corriendo en tiempo real dentro del emulador.

¿Cómo descargar e instalar Android Studio?

El punto de partida es acceder a la página oficial developer.android.com/studio [0:42]. Desde ahí, el sitio detecta automáticamente tu sistema operativo y te ofrece la descarga correspondiente: Windows, macOS o Linux.

En macOS con procesador Intel, selecciona la opción Intel.
En macOS con chip M1 o superior, selecciona Apple chip.
Acepta la licencia y completa la instalación como cualquier otro programa.

Es importante saber que Android Studio consume muchos recursos del equipo [0:18]. Si notas lentitud, es un comportamiento esperado. A pesar de ello, sigue siendo la forma más fiable de trabajar con emuladores Android.

¿Cómo crear un dispositivo virtual en AVD Manager?

Una vez abierto Android Studio, no es necesario crear un proyecto [1:20]. Solo necesitas los emuladores que ofrece el IDE. Para acceder a ellos, ve a la opción Configure y selecciona AVD Manager (Android Virtual Device Manager) [1:30].

¿Qué dispositivo y sistema operativo elegir?

Dentro del AVD Manager puedes crear emuladores de distintos tipos: televisiones, relojes, tablets o coches. Para desarrollo móvil necesitas seleccionar Phone [1:50].

Se recomienda usar Nexus 6 como dispositivo base por ser uno de los más completos [2:02].
Como sistema operativo, selecciona Android R (API 30), que corresponde a la última versión estable [2:14].
Si la imagen del sistema no está descargada, aparecerá un botón Download; púlsalo y espera a que termine.

¿Qué configuración aplicar al emulador?

Al nombrar el dispositivo virtual, una buena práctica es incluir el nombre del teléfono, la API y la versión de Android [2:42]. Por ejemplo: "Nexus 6 API 30 Android R".

Puedes elegir orientación vertical u horizontal.
Los gráficos se dejan en modo automático.
La opción de frame muestra el borde físico del teléfono. Desactivarla ahorra espacio en pantalla sin perder funcionalidad [3:04].

Finalmente, pulsa Finish y después el botón Play para arrancar el emulador [3:30]. La primera carga tarda un poco más porque debe inicializar los servicios de Google y las aplicaciones preinstaladas.

¿Cómo lanzar tu aplicación en el emulador Android?

Con el emulador abierto, el siguiente paso es ejecutar tu aplicación de React Native con Expo. En el archivo package.json de tu proyecto encontrarás un script llamado android [4:40]. Este comando busca un emulador abierto e instala la app automáticamente.

Desde la terminal, ejecuta:

bash yarn android

Esto abrirá el servidor de desarrollo de Expo y cargará la aplicación en el emulador. Una vez cargada, verás el contenido definido en tu archivo app.js [5:50].

El hot reload funciona de forma inmediata: si cambias el texto de "Hola, mundo" a "Hola, app" y guardas el archivo, la pantalla del emulador se actualiza en tiempo real [6:05]. Esto confirma que la conexión entre el emulador y tu proyecto es correcta.

¿Qué hacer si cierras la aplicación por accidente?

Tienes dos opciones para relanzarla:

Buscar la app de Expo Go dentro del emulador y abrirla manualmente.
Ir a la terminal y presionar la tecla a para abrir la app en el dispositivo Android [6:55].
Presionar la tecla r para hacer un reload completo de la aplicación [7:05].

Estas mismas teclas son atajos del servidor de Expo: a abre en Android, i abre en iOS y r recarga la app.

Con estos pasos tienes un entorno de desarrollo Android completamente funcional, listo para probar cada cambio en tu aplicación de forma instantánea. Si te interesa ir un paso más allá, el siguiente tema aborda cómo cargar la app en un dispositivo físico real.