Cómo ejecutar aplicaciones React Native en plataformas Android e iOS
La instalación de dependencias de Android requiere muchos pasos y existen muchos métodos de instalación, así que síganme para Complete las dependencias de Android paso a paso Instalación de elementos.
Dependencias de Android
Acerca de la instalación de dependencias de Android, se divide en tres pasos
1. Cómo instalar jdk
( 1) Vaya al enlace: /technetwork/java/javase/downloads/jdk8-downloads- 2133151.html
(2) Haga clic para descargar según la imagen siguiente
( 3) Descargar e instalar Una vez completado, ingrese java -version
en la terminal. Como se muestra en la figura anterior, significa que la instalación de jdk se realizó correctamente.
2. Instale el SDK de Android mediante el comando brew install android-idk.
3. Material del SDK real, configuración de variables de entorno y creación de AVD
(1) Ejecute la herramienta "android" para instalar el material del SDK real.
Ejecute el comando de Android para abrir el Administrador de SDK de Android, como se muestra en la figura siguiente, el administrador mostrará el estado de instalación del paquete de instalación. SDK de Android
El administrador te permite seleccionar PD: debes asegurarte de marcar las partes 1, 2, 3, 4, 5 que marqué con cuadros rojos y hacer clic en Instalar
Empaquete y acepte la licencia adecuada. Es posible que demore un poco en esperar hasta que se complete la instalación.
De estos 2, 3 y 5 nos permiten crear un Dispositivo Virtual Android (AVD) o emulador.
PD: Una vez completada la instalación, se instalarán las opciones desinstaladas
(2) Agregue el siguiente contenido en ~/.bashrc
PD: Creado a través vi.bashrc y escriba exportar en el archivo. ANDROID_HOME=/usr/local/opt/android-sdk, guardar y salir
Después de guardar y salir del archivo ~/.bashrc, debe ejecutar el código fuente ~/.bashrc para que surta efecto inmediatamente , de lo contrario puede ocurrir el siguiente error:
Ubicación del SDK no encontrada. Defina la ubicación utilizando la variable de entorno sdk.dir o ANDROID_HOME en el archivo
local.properties.
(PD: Gracias al grupo de intercambio técnico de RN: 555705178: qq: 419136078 Apodo: Shu Zhonglangzi)
(3) Cree y ejecute el emulador a través de AVD Manager
Ingrese android avd en la terminal
Ingrese el teclado para obtener el administrador AVD
Haga clic en el botón Crear y complete la información sobre el emulador que desea crear. Emulador, como se muestra en la figura siguiente. En las opciones del emulador, recuerde marcar Usar GPU host.
En la figura anterior, además de completar la información, asegúrese de marcar Usar GPU host; de lo contrario, el emulador se ejecutará muy lentamente
Puedes crear muchos AVD si lo deseas. Dado que hay muchos dispositivos Android diferentes con diferentes tamaños de pantalla, resoluciones y características, suele resultar útil probar con diferentes emuladores. Por supuesto, para fines de aprendizaje sólo necesitamos instalar uno o dos.
2. Cree una nueva aplicación
Puede utilizar la herramienta de comando React Native para crear una nueva aplicación, que generará un nuevo proyecto de plantilla para usted, que contiene React Native, iOS. y Android:
Esta instalación de Windows generalmente toma alrededor de 6 minutos, porque solo es compatible con Android. Si es una instalación para Mac, tomará más de 10 minutos. Es compatible con iOS y Android, por lo que el paquete. es relativamente grande. (PD: si evitas el muro, normalmente tarda unos cuatro minutos en el lado de iOS)
3. Dos formas de ejecutar el programa iOS
1. >
Pass Xcode abre la aplicación iOS directamente y la ejecuta. Como se muestra a continuación.
2. Método 2
Primero salga de la terminal, Xcode y el simulador, luego reinicie la terminal, cambie a la ruta del proyecto en la terminal y luego ingrese la ejecución nativa de reacción. ios en la terminal
4. Cómo ejecutar el programa React Native en Android
1 Primero, debes iniciar el emulador
Hay dos formas. para iniciar el emulador:
Método 1: como se muestra en la siguiente figura, 1 ingrese android avd en la terminal, presione Enter para iniciar el administrador AVD, 2 seleccione el emulador, 3 haga clic en Iniciar para iniciar el emulador
Método 2: Abra la terminal, 1 Ingrese emulator -list-avds para ver los emuladores instalados. avds Ver el emulador instalado, 2 Inicie el emulador a través del emulador @nombre del emulador
2 Instale el programa nativo de reacción en Android mediante el comando reaccionar-nativo ejecutar-android
PD: cuando se usa Cuando ejecute el comando react-native run-android por primera vez, debe esperar pacientemente porque necesita descargar una gran cantidad de archivos de configuración. Después de eso, no necesita esperar más.
A continuación, Creé una nueva terminal mediante el comando n, 1 Primero cambie a la ruta del proyecto y luego ingrese el comando react-native run-android en la terminal
3.