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

Respostas:

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.

    insira a descrição da imagem aqui

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
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

insira a descrição da imagem aqui

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