¿Cómo habilitar la recarga en vivo en react native en android?

118

¿Cómo puedo habilitar la recarga en vivo en el emulador de Android?

La documentación para Android no fue muy útil para un novato de Android.

android react-native Kenneth Lynne
fuente
¿Cómo se puede hacer esto cuando se usa un dispositivo @Kenneth Lynne?
philip oghenerobo balogun
4
Agite el dispositivo (asegúrese de haber creado la compilación de desarrollo)
Kenneth Lynne
1
Gracias. Lo he estado usando adb shell input keyevent KEYCODE_MENUpor un tiempo. Funciona bien para mí
philip oghenerobo balogun
Seleccionar emulador yCmd+M
onmyway133

Respuestas:

260

  • Escriba lo siguiente en su símbolo del sistema para instalar e iniciar su aplicación en el dispositivo o emulador:

    $ react-native run-android

  • Luego haga clic en el emulador y presione CTRL + M ( CMD + M en MacOS) o agite el dispositivo Android que tiene la aplicación en ejecución.

  • Luego seleccione la opción Habilitar Live Reload en la ventana emergente.

    ingrese la descripción de la imagen aquí

itzmebibin
fuente
23
no funciona en mac con cmd + m, tengo que ejecutaradb shell input keyevent 82
TomSawyer
1
Espero que ayude. Debe hacer clic en la barra de la ventana para usar Ctrl + M / Cmd + M
bao vu dao
3
ios: 'Presione Cmd + R para recargar, \ n' + 'Cmd + D o agite para el menú de desarrollo', Android: 'Toque dos veces R en su teclado para recargar, \ n' + 'Agite o presione el botón de menú para el menú de desarrollo ',
Ashish Yadav
1
Habilite la recarga en caliente en la aplicación nativa de reacción: skptricks.com/2018/07/enable-hot-reloading-in-react-native.html
kumar pradhan
1
Tenga en cuenta que si va a utilizar atajos de teclado en el emulador de Android, debe configurar esta opción: Configuración-> Enviar atajos de teclado a: 'Dispositivo virtual' mientras lo hago y funcionó para mí.
Newbi
19

Estaba ciego. Dice claramente:

En Android, agite el dispositivo o presione el botón del menú del hardware (disponible en dispositivos más antiguos y en la mayoría de los emuladores, por ejemplo, en genymotion puede presionar ⌘ + mo F2 para simular el clic del botón del menú del hardware). También puede instalar Frappé, una herramienta para OS X, que le permite emular el temblor de dispositivos de forma remota. Puedes usar ⌘ + Shift + R como atajo para activar una sacudida de Frappé.

Kenneth Lynne
fuente
2
Para el dispositivo Android físico, descubrí que al presionar prolongadamente el botón de menú del dispositivo, aparece el menú de recarga.
Rowan Gontier
Además, para dispositivos físicos, puede agitar el teléfono que aparece en el menú
d_bhatnagar
7
  • Usar atajos:, CTRL + Mo CMD + M(macOS)
  • Desde la terminal: adbshell input keyevent 82

Nota importante: al utilizar Expo , asegúrese de estar en modo de desarrollo . Los accesos directos no funcionarán en modo de producción para el emulador de Android.

Lo habilité a través de Expo XDE tocando el engranaje junto a la URL y verificando el modo de desarrollo. Es posible que deba reconstruir.

Expo - Modo de desarrollo

ingrese la descripción de la imagen aquí

Vahid Hallaji
fuente
6

Estoy usando Redmi note 3 con fines de depuración y enfrentaba un problema similar. La solución fue que MIUI deshabilita de forma predeterminada el permiso emergente para las aplicaciones, que es necesario en este caso para obtener la pantalla de recarga. Después de habilitar el permiso emergente para mi aplicación, funciona perfectamente. Espero que ayude a alguien.

Ishwar Rimal
fuente
¿Puedes decirme cómo habilitarlo?
evilmind
lo siento por la respuesta tardía. Supongo que a estas alturas ya habrás descubierto cómo hacerlo. Si no es así, puede encontrarlo en la sección de permisos en su configuración.
Ishwar Rimal
5

Para habilitar la recarga en caliente o la recarga en vivo en el dispositivo ( teléfono Android externo ):

Primero, ejecute la aplicación usando react-native run-androiden Terminal.

Ahora, agite el dispositivo Android que tiene la aplicación en ejecución.

Luego seleccione la opción Enable Hot Reloadingo Enable Live Reloadde la ventana emergente.

novonimo
fuente
4

Para habilitar la recarga en vivo en React Native usando Android, debe seguir los siguientes pasos:

  • Abre tu emulador;
  • Ejecute su aplicación (react-native run-android);
  • Asegúrese de que su aplicación se esté ejecutando;
  • Haga clic en el emulador y pulse: CTRL + M .

Se abrirán algunas opciones y seleccionará "Activar Live Reload" como se muestra en la imagen de abajo. Click para ver la imagen

Rodrigo Xavier
fuente
2

Descubrí que, si ejecuto react-native run-androiddesde la consola, cambiar y guardar el archivo (con cualquier editor) no recarga la aplicación.

Pero cuando ejecuto la aplicación desde la consola de código VS , la recarga en vivo estaba funcionando para cada cambio y guardado.

Creo que es posible que necesite un IDE (como el código VS) para la recarga en vivo.

Shamsul Arefin Sajib
fuente
De hecho, puede habilitarlo presionando la tecla de menú o CTRL + my seleccionando "Habilitar recarga en vivo"
Asce4s
0

Si alguien intenta abrir el menú del desarrollador en la aplicación en react native

Android -> CTRL + M o también puede agitar su dispositivo

y

IOS -> ⌘ + m (CMD + M) o dispositivo de agitación

si por alguna razón IOS Simulator no funciona con alguna razón intente abrir

simulador -> Hardware -> Shake Gesture (para mí ^ ⌘Z)

Wasi Sadman
fuente