Como habilitar o recarregamento ao vivo no react nativo no android?

118

Como posso ativar o recarregamento ao vivo no emulador do Android?

A documentação do android não foi muito útil para um noob android.

android react-native

— Kenneth Lynne
fonte

Como isso pode ser feito ao usar um dispositivo @Kenneth Lynne?

— philip oghenerobo balogun

4

Agite o dispositivo (certifique-se de construir a compilação de desenvolvimento)

— Kenneth Lynne

1

Obrigado. Estou usando adb shell input keyevent KEYCODE_MENUhá um tempo. Funciona bem para mim

— philip oghenerobo balogun

Selecione o emulador eCmd+M

— onmyway133 de

260

Digite o seguinte no prompt de comando para instalar e iniciar seu aplicativo no dispositivo ou emulador:

$ react-native run-android
Em seguida, clique no emulador e pressione CTRL + M ( CMD + M no MacOS) ou agite o dispositivo Android que possui o aplicativo em execução.
Em seguida, selecione a opção Enable Live Reload no pop-up.

— itzmebibin
fonte

23

não funciona no mac com cmd + m, tenho que executaradb shell input keyevent 82

— TomSawyer

1

Espero que ajude. Você deve clicar na barra da janela para usar Ctrl + M / Cmd + M

— bao vu dao

3

ios: 'Pressione Cmd + R para recarregar, \ n' + 'Cmd + D ou agite para o menu dev', android: 'Toque duas vezes em R no teclado para recarregar, \ n' + 'Agite ou pressione o botão de menu para o menu dev ',

— Ashish Yadav

1

Habilite o recarregamento a quente no aplicativo nativo react

— sumit kumar pradhan

1

Observe que se você for usar atalhos de teclado no emulador de Android, terá que definir esta opção: Configurações-> Enviar atalhos de teclado para: 'Dispositivo virtual' enquanto eu faço isso e funcionou para mim.

— Newbi

48

Executando o comando, o menu de configuração aparecerá adb shell input keyevent 82

Documentação

— Jhony Taveira
fonte

link atualizado: facebook.github.io/react-native/docs/running-on-device.html

— navanjr

19

Eu estava cego. Afirma claramente:

No Android, agite o dispositivo ou pressione o botão do menu de hardware (disponível em dispositivos mais antigos e na maioria dos emuladores, por exemplo, no genymotion, você pode pressionar ⌘ + m ou F2 para simular o clique do botão do menu de hardware). Você também pode instalar o Frappé, uma ferramenta para OS X, que permite emular o tremor de dispositivos remotamente. Você pode usar ⌘ + Shift + R como um atalho para acionar um shake do Frappé.

— Kenneth Lynne
fonte

2

Para dispositivos Android físicos, descobri que, pressionando longamente o botão de menu do dispositivo, o menu de recarregar aparece.

— Rowan Gontier

Além disso, para dispositivos físicos, você pode agitar o telefone que abre o menu

— d_bhatnagar

7

Usando atalhos: CTRL + Mou CMD + M(macOS)
Do terminal: adbshell input keyevent 82

Nota importante: usando Expo , certifique-se de estar no modo de desenvolvimento . Os atalhos não funcionarão no modo de produção para o emulador Android.

Eu habilitei isso por meio da Expo XDE tocando na engrenagem ao lado do url e verificando o modo de desenvolvimento. Você pode precisar reconstruir.

Expo - Modo de Desenvolvimento

— Vahid Hallaji
fonte

6

Estou usando o Redmi note 3 para fins de depuração e estava enfrentando um problema semelhante. A solução foi que o MIUI por padrão desabilita a permissão de pop-up para aplicativos, que é necessária neste caso para obter a tela de recarregamento. Depois de habilitar a permissão de pop-up para meu aplicativo, ele funciona perfeitamente. Espero que ajude alguém.

— Ishwar Rimal
fonte

você pode me dizer como habilitá-lo

— evilmind

desculpe pela resposta tardia. Acho que agora você já deve ter descoberto como fazer isso. Se não, você pode encontrá-lo na seção de permissão em suas configurações.

— Ishwar Rimal,

5

Para ativar o recarregamento a quente ou o recarregamento dinâmico no dispositivo ( telefone Android externo ):

Primeiro, execute o aplicativo usando react-native run-androidno Terminal.

Agora, agite o dispositivo Android que contém o aplicativo em execução.

Em seguida, selecione a opção Enable Hot Reloadingou Enable Live Reloadno pop-up.

— novonimo
fonte

4

Para habilitar a recarga ao vivo no React Native usando Android, você precisa seguir as seguintes etapas:

Abra seu emulador;
Execute seu aplicativo (react-native run-android);
Certifique-se de que seu aplicativo esteja em execução;
Clique no emulador e pressione: CTRL + M .

Algumas opções serão abertas, e você seleciona "Ativar Live Reload" conforme a imagem abaixo. Clique para ver a imagem

— Rodrigo Xavier
fonte

2

Eu descobri que, se eu executar a react-native run-androidpartir do console, alterar e salvar o arquivo (com qualquer editor) não recarrega o aplicativo.

Mas quando eu executo o aplicativo do console de código VS , o recarregamento ao vivo estava funcionando para cada alteração e salvamento.

Acho que você pode precisar de um IDE (como o código VS) para recarregar ao vivo.

— Shamsul Arefin Sajib
fonte

Você pode ativá-lo pressionando a tecla de menu ou CTRL + me selecionando "Ativar recarregamento ao vivo"

— Asce4s

0

Se alguém tentar abrir o menu do desenvolvedor no aplicativo em resposta nativa

Android -> CTRL + M ou você pode agitar seu dispositivo também

e

IOS -> ⌘ + m (CMD + M) ou dispositivo de agitação

se por algum motivo o IOS Simulator não estava funcionando por algum motivo, tente abrir

simulador -> Hardware -> Shake Gesture (Para mim ^ ⌘Z)

— Wasi Sadman
fonte