Come abilitare la ricarica in tempo reale in React Native su Android?


118

Come posso abilitare la ricarica live nell'emulatore Android?

La documentazione per Android non è stata molto utile per un noob Android.


Come è possibile farlo quando si utilizza un dispositivo @Kenneth Lynne?
philip oghenerobo balogun

4
Scuoti il ​​dispositivo (assicurati di aver creato la build di sviluppo)
Kenneth Lynne

1
Grazie. Lo sto usando adb shell input keyevent KEYCODE_MENUda un po 'di tempo. Funziona bene per me
philip oghenerobo balogun

Seleziona l'emulatore eCmd+M
onmyway133

Risposte:


260
  • Digita quanto segue nel prompt dei comandi per installare e avviare l'app sul dispositivo o sull'emulatore:

    $ react-native run-android

  • Quindi fare clic su emulatore e premere CTRL + M ( CMD + M su MacOS) o scuotere il dispositivo Android su cui è in esecuzione l'app.

  • Quindi seleziona l' opzione Abilita ricarica live dal popup.

    inserisci qui la descrizione dell'immagine


23
non funziona su Mac con cmd + m, devo correreadb shell input keyevent 82
TomSawyer

1
Spero possa essere d'aiuto. È necessario fare clic sulla barra della finestra per utilizzare Ctrl + M / Cmd + M
bao vu dao

3
ios: "Premi Cmd + R per ricaricare, \ n" + "Cmd + D o scuoti per il menu di sviluppo", Android: "Tocca due volte R sulla tastiera per ricaricare, \ n" + "Scuoti o premi il pulsante menu per il menu di sviluppo ',
Ashish Yadav

1
Abilita il ricaricamento a caldo nell'applicazione nativa di reazione: skptricks.com/2018/07/enable-hot-reloading-in-react-native.html
sumit kumar pradhan

1
Nota che se intendi utilizzare le scorciatoie da tastiera nell'emulatore Android, devi impostare questa opzione: Impostazioni-> Invia scorciatoie da tastiera a: "Dispositivo virtuale" come faccio io e ha funzionato per me.
Newbi


19

Ero CIECO. Afferma chiaramente:

Su Android scuoti il ​​dispositivo o premi il pulsante del menu hardware (disponibile sui dispositivi meno recenti e nella maggior parte degli emulatori, ad es. In genmony puoi premere ⌘ + mo F2 per simulare il clic del pulsante del menu hardware). Puoi anche installare Frappé, uno strumento per OS X, che ti consente di emulare lo scuotimento dei dispositivi da remoto. Puoi usare ⌘ + Maiusc + R come scorciatoia per attivare una scossa da Frappé.


2
Per il dispositivo Android fisico, ho scoperto che premendo a lungo il pulsante del menu del dispositivo, viene visualizzato il menu di ricarica.
Rowan Gontier

Inoltre, per i dispositivi fisici, puoi scuotere il telefono che fa apparire il menu
d_bhatnagar

7
  • Utilizzo delle scorciatoie:, CTRL + Mo CMD + M(macOS)
  • Dal terminal: adbshell input keyevent 82

Nota importante: utilizzando Expo , assicurati di essere in modalità sviluppo . Le scorciatoie non funzioneranno in modalità di produzione per l'emulatore Android.

L'ho abilitato tramite Expo XDE toccando l'ingranaggio accanto all'URL e controllando la modalità di sviluppo. Potrebbe essere necessario ricostruire.

Expo - Modalità di sviluppo


inserisci qui la descrizione dell'immagine


6

Sto usando Redmi Note 3 a scopo di debug e stavo affrontando un problema simile. La soluzione è stata che MIUI disabilita per impostazione predefinita l'autorizzazione popup per le app, necessaria in questo caso per ottenere la schermata di ricarica. Dopo aver abilitato l'autorizzazione popup per la mia app, funziona perfettamente. Spero che aiuti qualcuno.


puoi dirmi come abilitarlo
evilmind

perdonami per aver risposto tardi. Immagino che a questo punto potresti aver capito come farlo. In caso contrario, puoi trovarlo nella sezione dei permessi nelle tue impostazioni.
Ishwar Rimal

5

Per abilitare Ricarica a caldo o Ricarica in tempo reale sul dispositivo ( telefono Android esterno ):

Innanzitutto, esegui l'app utilizzando react-native run-androidsu Terminal.

Ora, scuoti il dispositivo Android che ha l'app in esecuzione.

Quindi seleziona l' opzione Enable Hot Reloadingo Enable Live Reloaddal popup.


4

Per abilitare il ricaricamento live in React Native utilizzando Android, devi eseguire i seguenti passaggi:

  • Apri il tuo emulatore;
  • Esegui la tua applicazione (react-native run-android);
  • Assicurati che la tua applicazione sia in esecuzione;
  • Clicca su emulatore e premere: CTRL + M .

Verranno aperte alcune opzioni e si selezionerà "Abilita ricarica live" come nell'immagine sottostante. Clicca per vedere l'immagine


2

Ho scoperto che, se eseguo react-native run-androiddalla console, quindi la modifica e il salvataggio del file (con qualsiasi editor) non ricarica l'app.

Ma quando eseguo l'app dalla console del codice VS , la ricarica live funzionava per ogni modifica e salvataggio.

Penso che potresti aver bisogno di un IDE (come il codice VS) per il ricaricamento live.


Puoi effettivamente abilitarlo premendo il tasto menu o CTRL + me selezionando "Abilita ricarica live"
Asce4s

0

Se qualcuno prova ad aprire il menu sviluppatore in-app in React Native

Android -> CTRL + M oppure puoi anche scuotere il tuo dispositivo

e

IOS -> ⌘ + m (CMD + M) o dispositivo di vibrazione

se per qualche motivo IOS Simulator non funzionava con qualche motivo prova ad aprire

simulatore -> Hardware -> Scuoti il ​​gesto (per me ^ ⌘Z)

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.