Ahora probamos la aplicación en un dispositivo real que, por supuesto, es bastante agradable y también sorprendente al ver que se ejecuta allí, pero
para el desarrollo, en realidad usaré un simulador que es
un dispositivo virtual que se ejecuta en mi máquina, simplemente para que no constantemente tengo que probar
la aplicación en mi dispositivo real, me gusta tenerla aquí, también facilita la grabación.
Probablemente también desee probar la aplicación en un simulador en algún momento, por ejemplo, porque probablemente solo posee un
dispositivo Android o iOS y también desea probar y ver su aplicación en la otra plataforma respectiva
o tiene ambos dispositivos, usted tiene un iPhone, tiene un teléfono Android pero también desea probar su aplicación
en un iPhone anterior, en un dispositivo Android más pequeño y con simuladores y emuladores, puede iniciar diferentes tipos
de dispositivos y probar su aplicación allí. Para comenzar con eso, vaya a la sección de guías allí y haga clic
en Arriba y en ejecución, sin importar dónde haga clic, al
final solo necesita acceder a los documentos. expo. io y allí
en el flujo de trabajo administrado, puede hacer clic
en el simulador de iOS o el emulador de Android Studio y allí, aprendió a instalar
Android Studio y luego iniciar un dispositivo virtual o instalar Xcode, que es el entorno de desarrollo
de Apple e iniciar un simulador de iOS. Importante, un simulador de iOS solo se puede iniciar en dispositivos
MacOS porque Xcode, una herramienta que absolutamente necesita para que no esté disponible en Windows o Linux, por lo que no
puede ejecutar un simulador de iOS en Windows o Linux, puede ejecutar un Android Sin embargo, en el emulador de Studio, en MacOS
puedes ejecutar ambos.
Así que ahora instalemos estas cosas y comencemos con el emulador
de Android Studio, para esto, primero debe instalar Android Studio. Para esto, por supuesto, simplemente puede buscar en Google para Android
Studio y debe encontrar un desarrollador. Androide. com / studio,
simplemente haga clic allí y luego allí, elija descargar Android Studio y acepte estos términos aquí.
Ahora esto abrirá esa ventana de descarga y ahora descargará Android Studio, que es bastante grande y, por
lo tanto, esta descarga puede llevar un tiempo.
Ahora volveré una vez que
finalice esta descarga para continuar con la configuración. Así que la descarga terminó para mí y con
eso, estoy abriendo esto, ahora estoy en Mac aquí pero también en Windows, simplemente haga doble clic en el archivo
descargado para iniciar el instalador y el instalador se abrirá y lo guiará Un par de pasos.
Ahora en ese instalador, simplemente puede dejar todas las configuraciones predeterminadas. Ahora con el Android Studio instalado y la instalación
finalizada, lo lanzaremos en un segundo.
Ahora, antes de que inicie junto con usted y recorramos este primer paso, asegúrese de tener
esta configuración allí en MacOS y Linux configurada correctamente.
Entonces, en Windows, debe
hacer eso, pero en MacOS y Linux, asegúrese de seguir estos dos pasos
que encontrará en los documentos oficiales para que todo funcione correctamente. Ahora con eso, iniciemos Android Studio, una vez que lo inicies, deberías ver
una pantalla que se parece a esto.
Allí, puede hacer clic en configurar y luego elegir el administrador de SDK.
Ahora aquí en el administrador de SDK, asegúrese de tener instalado uno de los últimos SDK.
Ahora, por lo general, tiene el SDK superior que todavía está en beta, por lo que
en mi caso ese es el nivel 29q de la API de Android que aún no tiene nombre oficial
y la última versión estable, en mi caso pi, es la que
debe instalar, generalmente el segundo elemento aquí en esa lista.
Entonces, la primera versión que tiene un nombre real, por ejemplo,
en este caso pi, asegúrese de que esté instalado simplemente
verificándolo aquí y una vez que lo haya verificado, puede hacer clic en aplicar allí
y esto se descargará e instalará automáticamente eso. Además de tener un SDK instalado, asegúrese de que en las
herramientas SDK,
tenga el emulador de Android instalado aquí, así que simplemente haga clic aquí, agregue una marca de verificación aquí y las
herramientas de la plataforma SDK y las herramientas SDK, que todos estos tres estén marcados aquí . Consulte también el acelerador del emulador Intl 86 aquí y los Servicios de Google Play.
Con todo lo marcado, haga clic en aplicar
y ahora nuevamente esto le indicará y luego comenzará las descargas de todos estos elementos
e instálelos en su configuración de Android aquí y necesita todas estas cosas instaladas para desarrollar aplicaciones de Android.
Esperemos a que termine esta descarga e instalación aquí y con eso terminado, ya está aquí, puede cerrar eso
y el siguiente paso, aún en esa ventana de Android Studio aquí, es hacer clic en
configurar el administrador AVD.
Este es el administrador que le permite crear e iniciar dispositivos virtuales.
Verá, ya tengo un par de dispositivos, es
posible que no tenga ninguno, siempre puede crear uno nuevo en la esquina inferior izquierda haciendo
clic en crear dispositivo virtual y luego elija un teléfono aquí y puede elegir cualquier imagen que desee crear aquí diferentes
dispositivos de diferentes tamaños.
Recomiendo ir con uno que tenga instalada la Play Store, que puede ayudar a probar ciertas
características que podríamos necesitar más adelante, pero
en general, puede elegir cualquier imagen aquí que desee, iré con
el píxel 2 aquí. Haga clic en Siguiente, luego
elija una versión de
Android que desee usar en ese dispositivo y allí,
usaré la última versión estable, así
que no la beta, no la Q en mi caso, sino la última versión estable, es posible
que deba descargarla primero, esta imagen, esto es independiente de los SDK que
instaló hace un segundo, estas son imágenes de dispositivos. Así que asegúrese de descargar la última versión estable y selecciónela después,
haga clic en siguiente.
Puede dejar la configuración predeterminada aquí,
puede sumergirse en la configuración avanzada si realmente sabe lo que está
haciendo, pero de lo contrario, puede dejar los valores predeterminados y hacer clic en finalizar
y esto creará un nuevo emulador, en mi caso este aquí y puede iniciar el emulador haciendo clic
en el botón verde de reproducción aquí y ahora se iniciará ese emulador aquí que ahora se está iniciando aquí y una
vez que se inicia, puede ejecutar su aplicación expo, su aplicación React Native, en este emulador.
Esperemos a que esto
termine y déjenme mostrarles cómo iniciar su aplicación de exposición en ese emulador. Entonces, el emulador terminó el arranque y ahora
puede iniciar su aplicación en este emulador simplemente yendo a su proyecto donde podría tener su proceso
todavía ejecutándose, si lo abandona,
simplemente puede reiniciar npm start en su proyecto de exposición React Native.
Así que eso es lo que estoy haciendo aquí y nuevamente está iniciando las herramientas de desarrollo de la exposición en el navegador
aquí y ahora aquí donde previamente escaneamos este código QR, puede presionar ejecutar en el dispositivo o emulador de Android y si
tiene un emulador en funcionamiento, ejecutará automáticamente su aplicación allí o en su terminal aquí donde tiene
este proceso de inicio npm en
ejecución, puede presionar a para iniciar también su aplicación en el emulador.
Eso es lo que
acabo de hacer, esto ahora instalará el cliente expo en el emulador automáticamente,
por lo que no necesita instalar o instalar manualmente el cliente expo allí, está hecho para usted y
una vez que haya terminado con eso, construye su aplicación y lo ejecuta en ese dispositivo Android.
Esperemos a que esto termine,
aquí está, aquí se está iniciando y sí, haga clic aquí, se le preguntará si desea
permitir mostrar esta aplicación la primera vez que la inicie. Encienda esto aquí, luego regrese, vaya al cajón de aplicaciones aquí o
al administrador de tareas y regrese a su aplicación aquí y ahora aquí se está iniciando su aplicación expo, nuevamente está construyendo
ese paquete Javascript en la parte inferior y una vez que está hecho, lanzará su aplicación expo aquí y solo
esa primera compilación lleva bastante tiempo, las reconstrucciones posteriores y las recargas en caliente, como vio, son bastante rápidas.
Esperemos a que termine esta compilación y ahora está terminando aquí y aquí, vemos nuestra aplicación. Por cierto, esto es bueno, lo vimos en
el iPhone
antes, al menos aquí en los videos.
Ahora aquí se está ejecutando en Android y el botón es uno de los pocos componentes
que React Native ofrece que ajusta automáticamente su aspecto a
la plataforma, por lo
que es bastante bueno y tenemos la misma funcionalidad que antes y esto nos permite probar esto, no solo en
el dispositivo real pero también en
un simulador y allí puede simular cualquier dispositivo Android que desee, lo que por supuesto es bastante útil.
Esa es la aplicación que se ejecuta en
un simulador de Android y, a lo largo de este curso, siempre mostraré cómo funciona y funciona en un emulador de Android.
Ahora vamos a sumergirnos en ejecutar esto en iOS.