1 00:00:02,530 --> 00:00:07,990 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 2 00:00:07,990 --> 00:00:10,520 para el desarrollo, en realidad usaré un simulador que es 3 00:00:16,270 --> 00:00:20,310 un dispositivo virtual que se ejecuta en mi máquina, simplemente para que no constantemente tengo que probar 4 00:00:20,460 --> 00:00:23,660 la aplicación en mi dispositivo real, me gusta tenerla aquí, también facilita la grabación. 5 00:00:23,680 --> 00:00:29,680 Probablemente también desee probar la aplicación en un simulador en algún momento, por ejemplo, porque probablemente solo posee un 6 00:00:29,680 --> 00:00:35,530 dispositivo Android o iOS y también desea probar y ver su aplicación en la otra plataforma respectiva 7 00:00:35,530 --> 00:00:41,410 o tiene ambos dispositivos, usted tiene un iPhone, tiene un teléfono Android pero también desea probar su aplicación 8 00:00:41,410 --> 00:00:47,530 en un iPhone anterior, en un dispositivo Android más pequeño y con simuladores y emuladores, puede iniciar diferentes tipos 9 00:00:47,680 --> 00:00:52,860 de dispositivos y probar su aplicación allí. Para comenzar con eso, vaya a la sección de guías allí y haga clic 10 00:00:52,870 --> 00:00:55,030 en Arriba y en ejecución, sin importar dónde haga clic, al 11 00:00:55,030 --> 00:00:59,710 final solo necesita acceder a los documentos. expo. io y allí 12 00:00:59,740 --> 00:01:03,460 en el flujo de trabajo administrado, puede hacer clic 13 00:01:03,520 --> 00:01:09,910 en el simulador de iOS o el emulador de Android Studio y allí, aprendió a instalar 14 00:01:10,000 --> 00:01:16,690 Android Studio y luego iniciar un dispositivo virtual o instalar Xcode, que es el entorno de desarrollo 15 00:01:16,900 --> 00:01:23,620 de Apple e iniciar un simulador de iOS. Importante, un simulador de iOS solo se puede iniciar en dispositivos 16 00:01:23,710 --> 00:01:30,020 MacOS porque Xcode, una herramienta que absolutamente necesita para que no esté disponible en Windows o Linux, por lo que no 17 00:01:30,040 --> 00:01:37,180 puede ejecutar un simulador de iOS en Windows o Linux, puede ejecutar un Android Sin embargo, en el emulador de Studio, en MacOS 18 00:01:37,180 --> 00:01:38,510 puedes ejecutar ambos. 19 00:01:38,530 --> 00:01:41,710 Así que ahora instalemos estas cosas y comencemos con el emulador 20 00:01:41,770 --> 00:01:47,650 de Android Studio, para esto, primero debe instalar Android Studio. Para esto, por supuesto, simplemente puede buscar en Google para Android 21 00:01:47,650 --> 00:01:53,080 Studio y debe encontrar un desarrollador. Androide. com / studio, 22 00:01:53,080 --> 00:02:00,550 simplemente haga clic allí y luego allí, elija descargar Android Studio y acepte estos términos aquí. 23 00:02:00,550 --> 00:02:05,090 Ahora esto abrirá esa ventana de descarga y ahora descargará Android Studio, que es bastante grande y, por 24 00:02:05,090 --> 00:02:07,280 lo tanto, esta descarga puede llevar un tiempo. 25 00:02:07,360 --> 00:02:09,810 Ahora volveré una vez que 26 00:02:09,920 --> 00:02:16,250 finalice esta descarga para continuar con la configuración. Así que la descarga terminó para mí y con 27 00:02:16,280 --> 00:02:22,490 eso, estoy abriendo esto, ahora estoy en Mac aquí pero también en Windows, simplemente haga doble clic en el archivo 28 00:02:22,490 --> 00:02:27,750 descargado para iniciar el instalador y el instalador se abrirá y lo guiará Un par de pasos. 29 00:02:27,810 --> 00:02:33,590 Ahora en ese instalador, simplemente puede dejar todas las configuraciones predeterminadas. Ahora con el Android Studio instalado y la instalación 30 00:02:33,590 --> 00:02:36,080 finalizada, lo lanzaremos en un segundo. 31 00:02:36,080 --> 00:02:41,960 Ahora, antes de que inicie junto con usted y recorramos este primer paso, asegúrese de tener 32 00:02:41,960 --> 00:02:45,860 esta configuración allí en MacOS y Linux configurada correctamente. 33 00:02:46,010 --> 00:02:47,780 Entonces, en Windows, debe 34 00:02:47,840 --> 00:02:52,580 hacer eso, pero en MacOS y Linux, asegúrese de seguir estos dos pasos 35 00:02:52,640 --> 00:03:00,170 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 36 00:03:00,170 --> 00:03:02,640 una pantalla que se parece a esto. 37 00:03:02,750 --> 00:03:07,580 Allí, puede hacer clic en configurar y luego elegir el administrador de SDK. 38 00:03:07,610 --> 00:03:15,310 Ahora aquí en el administrador de SDK, asegúrese de tener instalado uno de los últimos SDK. 39 00:03:15,350 --> 00:03:20,180 Ahora, por lo general, tiene el SDK superior que todavía está en beta, por lo que 40 00:03:20,480 --> 00:03:26,150 en mi caso ese es el nivel 29q de la API de Android que aún no tiene nombre oficial 41 00:03:26,390 --> 00:03:30,050 y la última versión estable, en mi caso pi, es la que 42 00:03:30,050 --> 00:03:33,170 debe instalar, generalmente el segundo elemento aquí en esa lista. 43 00:03:33,170 --> 00:03:37,190 Entonces, la primera versión que tiene un nombre real, por ejemplo, 44 00:03:37,190 --> 00:03:40,920 en este caso pi, asegúrese de que esté instalado simplemente 45 00:03:41,000 --> 00:03:46,460 verificándolo aquí y una vez que lo haya verificado, puede hacer clic en aplicar allí 46 00:03:46,460 --> 00:03:53,830 y esto se descargará e instalará automáticamente eso. Además de tener un SDK instalado, asegúrese de que en las 47 00:03:53,830 --> 00:03:54,640 herramientas SDK, 48 00:03:54,640 --> 00:04:01,120 tenga el emulador de Android instalado aquí, así que simplemente haga clic aquí, agregue una marca de verificación aquí y las 49 00:04:01,120 --> 00:04:11,890 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. 50 00:04:13,110 --> 00:04:16,100 Con todo lo marcado, haga clic en aplicar 51 00:04:16,100 --> 00:04:21,300 y ahora nuevamente esto le indicará y luego comenzará las descargas de todos estos elementos 52 00:04:21,300 --> 00:04:27,600 e instálelos en su configuración de Android aquí y necesita todas estas cosas instaladas para desarrollar aplicaciones de Android. 53 00:04:27,600 --> 00:04:34,620 Esperemos a que termine esta descarga e instalación aquí y con eso terminado, ya está aquí, puede cerrar eso 54 00:04:34,630 --> 00:04:40,300 y el siguiente paso, aún en esa ventana de Android Studio aquí, es hacer clic en 55 00:04:40,570 --> 00:04:42,410 configurar el administrador AVD. 56 00:04:42,490 --> 00:04:46,750 Este es el administrador que le permite crear e iniciar dispositivos virtuales. 57 00:04:46,750 --> 00:04:49,120 Verá, ya tengo un par de dispositivos, es 58 00:04:49,120 --> 00:04:53,830 posible que no tenga ninguno, siempre puede crear uno nuevo en la esquina inferior izquierda haciendo 59 00:04:53,830 --> 00:05:00,070 clic en crear dispositivo virtual y luego elija un teléfono aquí y puede elegir cualquier imagen que desee crear aquí diferentes 60 00:05:00,070 --> 00:05:01,340 dispositivos de diferentes tamaños. 61 00:05:01,360 --> 00:05:06,310 Recomiendo ir con uno que tenga instalada la Play Store, que puede ayudar a probar ciertas 62 00:05:06,310 --> 00:05:08,430 características que podríamos necesitar más adelante, pero 63 00:05:08,440 --> 00:05:11,830 en general, puede elegir cualquier imagen aquí que desee, iré con 64 00:05:11,860 --> 00:05:15,350 el píxel 2 aquí. Haga clic en Siguiente, luego 65 00:05:15,490 --> 00:05:17,150 elija una versión de 66 00:05:17,170 --> 00:05:20,230 Android que desee usar en ese dispositivo y allí, 67 00:05:20,230 --> 00:05:22,500 usaré la última versión estable, así 68 00:05:22,510 --> 00:05:28,110 que no la beta, no la Q en mi caso, sino la última versión estable, es posible 69 00:05:28,120 --> 00:05:32,350 que deba descargarla primero, esta imagen, esto es independiente de los SDK que 70 00:05:32,350 --> 00:05:38,730 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, 71 00:05:39,040 --> 00:05:40,420 haga clic en siguiente. 72 00:05:40,420 --> 00:05:42,600 Puede dejar la configuración predeterminada aquí, 73 00:05:42,610 --> 00:05:46,680 puede sumergirse en la configuración avanzada si realmente sabe lo que está 74 00:05:46,700 --> 00:05:51,520 haciendo, pero de lo contrario, puede dejar los valores predeterminados y hacer clic en finalizar 75 00:05:51,610 --> 00:05:57,250 y esto creará un nuevo emulador, en mi caso este aquí y puede iniciar el emulador haciendo clic 76 00:05:57,250 --> 00:06:04,200 en el botón verde de reproducción aquí y ahora se iniciará ese emulador aquí que ahora se está iniciando aquí y una 77 00:06:04,200 --> 00:06:09,180 vez que se inicia, puede ejecutar su aplicación expo, su aplicación React Native, en este emulador. 78 00:06:09,180 --> 00:06:10,530 Esperemos a que esto 79 00:06:10,530 --> 00:06:17,420 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 80 00:06:18,890 --> 00:06:25,640 puede iniciar su aplicación en este emulador simplemente yendo a su proyecto donde podría tener su proceso 81 00:06:25,640 --> 00:06:28,190 todavía ejecutándose, si lo abandona, 82 00:06:28,220 --> 00:06:33,020 simplemente puede reiniciar npm start en su proyecto de exposición React Native. 83 00:06:33,020 --> 00:06:39,930 Así que eso es lo que estoy haciendo aquí y nuevamente está iniciando las herramientas de desarrollo de la exposición en el navegador 84 00:06:39,930 --> 00:06:46,530 aquí y ahora aquí donde previamente escaneamos este código QR, puede presionar ejecutar en el dispositivo o emulador de Android y si 85 00:06:46,530 --> 00:06:51,870 tiene un emulador en funcionamiento, ejecutará automáticamente su aplicación allí o en su terminal aquí donde tiene 86 00:06:51,870 --> 00:06:54,120 este proceso de inicio npm en 87 00:06:54,120 --> 00:06:57,720 ejecución, puede presionar a para iniciar también su aplicación en el emulador. 88 00:06:57,750 --> 00:06:58,950 Eso es lo que 89 00:06:59,100 --> 00:07:02,850 acabo de hacer, esto ahora instalará el cliente expo en el emulador automáticamente, 90 00:07:02,880 --> 00:07:07,750 por lo que no necesita instalar o instalar manualmente el cliente expo allí, está hecho para usted y 91 00:07:07,830 --> 00:07:12,540 una vez que haya terminado con eso, construye su aplicación y lo ejecuta en ese dispositivo Android. 92 00:07:12,570 --> 00:07:15,060 Esperemos a que esto termine, 93 00:07:15,060 --> 00:07:21,610 aquí está, aquí se está iniciando y sí, haga clic aquí, se le preguntará si desea 94 00:07:21,610 --> 00:07:29,800 permitir mostrar esta aplicación la primera vez que la inicie. Encienda esto aquí, luego regrese, vaya al cajón de aplicaciones aquí o 95 00:07:29,800 --> 00:07:36,460 al administrador de tareas y regrese a su aplicación aquí y ahora aquí se está iniciando su aplicación expo, nuevamente está construyendo 96 00:07:36,460 --> 00:07:42,490 ese paquete Javascript en la parte inferior y una vez que está hecho, lanzará su aplicación expo aquí y solo 97 00:07:42,490 --> 00:07:48,240 esa primera compilación lleva bastante tiempo, las reconstrucciones posteriores y las recargas en caliente, como vio, son bastante rápidas. 98 00:07:48,520 --> 00:07:55,960 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 99 00:07:55,960 --> 00:07:57,130 el iPhone 100 00:07:57,130 --> 00:08:00,700 antes, al menos aquí en los videos. 101 00:08:00,700 --> 00:08:05,440 Ahora aquí se está ejecutando en Android y el botón es uno de los pocos componentes 102 00:08:05,470 --> 00:08:08,410 que React Native ofrece que ajusta automáticamente su aspecto a 103 00:08:08,410 --> 00:08:09,940 la plataforma, por lo 104 00:08:09,940 --> 00:08:15,820 que es bastante bueno y tenemos la misma funcionalidad que antes y esto nos permite probar esto, no solo en 105 00:08:15,850 --> 00:08:17,560 el dispositivo real pero también en 106 00:08:17,590 --> 00:08:23,020 un simulador y allí puede simular cualquier dispositivo Android que desee, lo que por supuesto es bastante útil. 107 00:08:23,020 --> 00:08:25,500 Esa es la aplicación que se ejecuta en 108 00:08:25,510 --> 00:08:31,540 un simulador de Android y, a lo largo de este curso, siempre mostraré cómo funciona y funciona en un emulador de Android. 109 00:08:31,540 --> 00:08:34,390 Ahora vamos a sumergirnos en ejecutar esto en iOS.