Le Ceh wa} ed ® Curso de React Native Guia de instalacion para desarrollar para Android a Victor Calvello 23 PlatziRank © Ene. 15,2017 Instala Git * En Mac OX, si tienes XCode instalado, entonces Git ya se encuentra instalado. De lo contrario, corre el siguiente comando: ata « EnLinux, instala Git a través del tu gestor de paquetes. « En Windows, descarga e instala Git para Windows. Durante el proceso de configuracién, elige “Run Git from Windows Command Prompter” (ejecuta Git desde la linea de comandos de Windows), lo cual agregara Git a tu variable de entorno PATH. Instala el Android SDK (excepto que ya lo tengas instalado) 1. Instala el ultimo JDK. 2. Install the Android SDK: * EnMac: brew install android-sdk « EnLinux y Windows: descargalo desde el sitio web de Android Define la variable de entorno ANDROID_LHOME IMPORTANTE: Asegurate que la variable de entorno ANDROID_HOME apunte a to SDK de Android existente: * En Mac, agrega esto a tu archivo ~/bashrc, ~/.bash_profile, ~/zshre. Si instalaste el SDK de Android a través de Homebrew debe ser ANDROID_HOME=/usr/local/opt/android-sdk sino debe ser ANDROID_HOME=~/Library/Android/ sdk export ANDROID_HOME=/usr/ /android-sdk ¢ EnLinux, agrega esto a tu archivo ~/bashrc, ~/bash_profile o el archivo de configuracion de shell que estés utilizando: ANDROID_HOME= Z | unpacked_android_sdk> * En Windows, dirigete a Panel de Control -> Sistema y Seguridad-> Sistema -> Cambiar configuracion -> Avanzado -> Variables de entorno -> Nueva. Como nombre poner ANDROID_HOME y como valor la ruta donde instalamos el SDK. NOTA: Debes reiniciar la Terminal de comandos para aplicar los cambios en las variables de entorno, sea el sistema operativo que sea. Usa gradle React Native para Android utiliza gradle como sistema de build (compilacién). Recomendamos activar la funcionalidad de correr como proceso demonio (en background), lo cual resultara en mejoras del 50% en el tiempo de compilacién de la aplicacién cuando sucedan cambios én el cédigo de Java. Aprende aqui cémo activarlo para tu plataforma. Configura tu SDK 1. Abre el Android SDK Manager (en Mac OSX inicia una nueva terminal y correel comando run android; enla ventana que aparece aseguirate de chequear los siguientes elementos: « Android SDK Build-tools version 23.0.1 « Android 6.0 (API 23) * Local Maven repository for Support Libraries (en versiones anteriores puede aparecer como Android Support Repository) 2. Haz click en “Install Packages” eee Android SDK Manager 80K Pats cea Name APL Fev. Statue * Tools, Androd SDK Taos 634 fp installed) + Android SDK Plaiform-tools 23.0.1 & Installed| {Android SDK Bulld-toots 23.0.1_& installed Troe Bae 7 BITS + Andtoid SOK Buitd-toots 21.1.2 — Not instaied + Android SOK Buil-toals 20 = Not installed + Android SOK Build-toats 19.1 Not instated Eg Android 6.0 (API 23) {i Documeniation for Android SDK. 231 Not instaiod ZSarples tor SOR Nat ratatoa li Android TV ARM EAB! v7a System image 230 2 Not instattod i Andaid TV Intel x86 Atom System kmage 23° 2 Not installed 2 NAAM EABI via 8, 0 23 Not instatoa TH ites x86 Atom. 64 System Image 23 3 & instaleg| i inte! x86 Atom Sysieen image 233 installed] Shaw: (2 Updates’New (J installed Select New or Liociatiy Onsite Desaiact Al * ana loading packages © ese Android SOK Manager SDK Path: Packages Hexeme Ap Rev. Status » Ea Android 2.2 (API 8) ¥ Extras ray 5 Anaroid Auto Desktoe Head Unit emulator 1.7 [Not instaties 5 Gocole Pav services 29 Not instatied 5 Gocole Renositorv 24 (Not installed 5 Goole Play APK Exoansion Library 3 | Not installed 5 Gocole Pav Bilina Library 5 — Not installed 5 Gooole Pav Licensina Library 2 — Not installed © Android Auto AP! Simulators 1 © Not installed Gooole USA Driver 11S Not compatible with Mac 5 Gooale Web Driver 2 Not installed i intel vag Emulator Acceteratar (HAXM installer 6.0.1 Not instalied Show: [% Updates/New © instaled —Saloct Now or Undaies Obsolete DeselectAll Oo Cone loading packages, Instala Genymotion Genymotion es un emulador de Android mucho mas facil de instalar y configurar que los emuladores que vienen de fabrica de Google. De todas maneras, es gratis sélo para uso personal. Para acceder a la descarga gratuita de Genymotion, primero necesitas crear una cuenta. No te preocupes, solo te pedira correo y password. Encontraras la parte de descargas justo como en la siguiente imagen: 1. Descarga e instala Genymotion. 2. Abre Genymotion. Te puede llegar a pedir que instales VirtualBox a menos que ya lo tengas instalado. 3. Crea un nuevo emulador e inicialo 4, Para mostrar el menu de desarrollador presiona 3+" Solucién de problemas En caso de que tengas el siguiente mensaje de error: Leathe elma ee Beri a com. android. builder .testing.api-DeviceException: com. android.ddmlib.She11CommandUnresponsiveException Intenta bajando la versién de Gradle avi2.3en /android/build.gradle Aqui se encuentra el issue de Github relacionado Cualquier inconveniente o problema que tengas durante la instalacién o configuracién del entorno para desarrollar para Android, por favor deja tu duda en los comentarios de este material. eee eae Deja tu comentario @ ferferguson OPuntos © Eltutorial dice run andoid estamal escrito “android” ho © Siconelcomando run android no funciona, probar sélo con android (ami me funcioné asi). © Sino figura Maven Repository usar Android Support Repository ® bryamrr 0 Gracias, me habia quedado estancado en el ‘run andoid’ L_ Responder @® eslagos 0 Pur 4 Cuando depuro una aplicacién en |a maquina virtual me sale el siguiente error en la consola. © What went wrong: Execution failed for task ‘tapp:mergeDebugResources’ Crunching Cruncher abc_ic_ab_back_mtrl_am_alpha.png failed, see logs © Try: Run with --stacktrace option to get the stack trace. Run with info or -debug option to get more log output. Ver mas... @ iossimarvb Tengo el mismo problema. :Alguna solucion? @ cslagos Hola, la solucion fue que tuve que instalar dos librerias.Te envio la ulr,que explica ©” como solucionar el error en un entorno desarrollo linux, https://github.com/facebook/react-native/issues/7320 LL Responder S$ dadaismu5 0 Puntos (0. Saludos ala comunidad, acudo a ustedes ya que no he podido resolver el poder ejecutar la aplicacién en Android, el problema tiene que ver con ANDROID_HOME, ya he realizado varios ajustes para solucionarlo desde crear mi archivo de local.properties dentrodela carpeta de android, de agregar la ruta desde ~/bash_profile, conel comando export ANDROID_HOME=/Users/woorx/Library/Android/sdk, en fin les adjunto capturas de pantalla de lo que he realizado y espero me puedan orfentar en que estoy equivocado, saludos. Esto me pasa en una MAC https://imageshack.us/i/pngG4i79p Ver mas... — Responder @ wizanchez2 0 Puntos Q . Enlinux mu salio este error: eae Meet eer OBE eee sto CXXABI_1.3.8" notfound (requiredby Te ee scp ae ee) i eve Rett ee pera seme est Ce eee eee Gre rod ete tee ast pee eta) i eee Meet eer OB EL Es eee sto one a Ree Msc ge ree oe eet st pete eer) i PRS SREMT ES Meee tee UR eU Tas eee ee Ver mas... L Responder € carlosloured.... 6 Put 0. Hola, no veo genymotion de forma gratuita. la versién mds barata es la indie por $99, ¢yano es gratuita? ® vcaivelio Hola Carlos! Create una cuenta en el sitio (cliquea en Sign In y luego Create an 1” account) y una vez logueado te va a aparecer la opci6n de descargar la version gratuita. BD rarpeitia_ En la pagina principal dice que es gratis. 1 Supongo que se refierenaeste https:/Awww.genymotion.com/fun-zone/ ® Thespianart. Hola, no te preocupes, el enlace de descarga aparece cuando creas una cuenta, que o bara uso personal sigue siende gratis: a Responder ) eslagos 0 Puntos Q Hola,me sale el siguiente error cuando depuro una aplicacién de prueba en la maquina virtual, © What went wrong: Execution failed for task ‘:appiinstallDebug. Failed to install on any devices. _ Responder co . Excelente guia. Bastante completa. @ En teorfa la complicacién esta en utilizar otra build platform como me ha pasado en Android Studio, de resto todo super bien L | Responder