Wie aktiviere ich Live-Reload in React Native auf Android?

118

Wie kann ich das Live-Reload im Android-Emulator aktivieren?

Die Dokumentation für Android war für einen Android Noob nicht sehr hilfreich.

android react-native Kenneth Lynne
quelle
Wie kann dies bei Verwendung eines Geräts @Kenneth Lynne durchgeführt werden?
Philip Oghenerobo Balogun 27.
4
Schütteln Sie das Gerät (stellen Sie sicher, dass Sie den Entwicklungs-Build erstellt haben)
Kenneth Lynne
1
Vielen Dank. Ich benutze adb shell input keyevent KEYCODE_MENUjetzt schon eine Weile. Funktioniert gut für mich
Philip Oghenerobo Balogun 15.
Wählen Sie Emulator undCmd+M
onmyway133

Antworten:

259

  • Geben Sie Folgendes in Ihre Eingabeaufforderung ein, um Ihre App auf dem Gerät oder Emulator zu installieren und zu starten:

    $ react-native run-android

  • Klicken Sie dann auf Emulator und drücken Sie STRG + M ( CMD + M unter MacOS) oder schütteln Sie das Android-Gerät, auf dem die App ausgeführt wird.

  • Wählen Sie dann die Live - Reload aktivieren Option aus dem Popup.

    Geben Sie hier die Bildbeschreibung ein

Itzmebibin
quelle
23
funktioniert nicht auf Mac mit cmd + m, ich muss laufenadb shell input keyevent 82
TomSawyer
1
Ich hoffe, es hilft. Sie sollten auf die Fensterleiste klicken, um Strg + M / Befehl + M
bao vu dao
3
ios: 'Drücken Sie Cmd + R, um neu zu laden, \ n' + 'Cmd + D oder schütteln Sie für das Dev-Menü', Android: 'Tippen Sie zweimal auf R auf Ihrer Tastatur, um neu zu laden, \ n' + 'Schütteln oder drücken Sie die Menütaste für das Dev-Menü ',
Ashish Yadav
1
Aktivieren Sie das
Hot-Reloading in der reaktiven
1
Beachten Sie, dass Sie, wenn Sie Tastaturkürzel im Android-Emulator verwenden möchten, diese Option einstellen müssen: Einstellungen-> Tastaturkürzel senden an: 'Virtuelles Gerät', während ich das tue, und es hat bei mir funktioniert.
Newbi
19

Ich war blind. Es heißt klar:

Schütteln Sie unter Android das Gerät oder drücken Sie die Hardware-Menütaste (verfügbar auf älteren Geräten und in den meisten Emulatoren, z. B. in Genymotion können Sie ⌘ + m oder F2 drücken, um das Klicken auf die Hardware-Menütaste zu simulieren). Sie können auch Frappé installieren, ein Tool für OS X, mit dem Sie das Schütteln von Geräten aus der Ferne emulieren können. Sie können ⌘ + Umschalt + R als Verknüpfung verwenden, um einen Shake von Frappé auszulösen.

Kenneth Lynne
quelle
2
Bei physischen Android-Geräten stellte ich fest, dass durch langes Drücken der Gerätemenütaste das Menü zum erneuten Laden angezeigt wird.
Rowan Gontier
Bei physischen Geräten können Sie auch das Telefon schütteln, das im Menü
angezeigt wird
7
  • Verwenden von Verknüpfungen : CTRL + M, oder CMD + M(macOS)
  • Vom Terminal: adbshell input keyevent 82

Wichtiger Hinweis: Stellen Sie mit Expo sicher, dass Sie sich im Entwicklungsmodus befinden . Die Verknüpfungen funktionieren im Produktionsmodus für den Android-Emulator nicht.

Ich habe dies über Expo XDE aktiviert, indem ich auf das Zahnrad neben der URL getippt und den Entwicklungsmodus überprüft habe. Möglicherweise müssen Sie neu erstellen.

Expo - Entwicklungsmodus

Geben Sie hier die Bildbeschreibung ein

Vahid Hallaji
quelle
6

Ich verwende Redmi Note 3 zum Debuggen und hatte ein ähnliches Problem. Die Lösung bestand darin, dass MIUI standardmäßig die Popup-Berechtigung für Apps deaktiviert, die in diesem Fall erforderlich ist, um den Neuladebildschirm aufzurufen. Nach dem Aktivieren der Popup-Berechtigung für meine App funktioniert es perfekt. Hoffe es hilft jemandem.

Ishwar Rimal
quelle
Können
Entschuldige die späte Antwort. Ich denke, Sie haben inzwischen vielleicht herausgefunden, wie es geht. Wenn nicht, finden Sie es im Berechtigungsbereich in Ihren Einstellungen.
Ishwar Rimal
5

So aktivieren Sie das Hot-Reloading oder das Live-Reloading auf dem Gerät ( externes Android-Telefon ):

Führen Sie die App zunächst react-native run-androidauf dem Terminal aus.

Schütteln Sie jetzt das Android-Gerät, auf dem die App ausgeführt wird.

Wählen Sie dann die Option Enable Hot Reloadingoder Enable Live Reloadaus dem Popup.

novonimo
quelle
4

Um das Live-Reload in React Native mit Android zu aktivieren, müssen Sie die folgenden Schritte ausführen:

  • Öffne deinen Emulator.
  • Führen Sie Ihre Anwendung aus (React-Native Run-Android);
  • Stellen Sie sicher, dass Ihre Anwendung ausgeführt wird.
  • Klicken Sie auf Emulator und drücken: STRG + M .

Einige Optionen werden geöffnet und Sie wählen "Live Reload aktivieren" als Bild unten. Klicken Sie hier, um das Bild zu sehen

Rodrigo Xavier
quelle
2

Ich fand heraus, dass react-native run-androiddas Ändern und Speichern von Dateien (mit einem beliebigen Editor) die App nicht neu lädt , wenn ich sie über die Konsole ausführe .

Als ich die App über die VS-Codekonsole ausführte , funktionierte das Live-Reload bei jeder Änderung und Speicherung.

Ich denke, Sie benötigen möglicherweise eine IDE (z. B. VS-Code) zum Live-Neuladen.

Shamsul Arefin Sajib
quelle
Sie können es tatsächlich aktivieren, indem Sie die
Menütaste
0

Wenn jemand versucht, das In-App-Entwicklermenü in reaktionsnativ zu öffnen

Android -> STRG + M oder Sie können Ihr Gerät auch schütteln

und

IOS -> ⌘ + m (CMD + M) oder Shake-Gerät

Wenn IOS Simulator aus irgendeinem Grund nicht funktioniert hat, versuchen Sie es zu öffnen

Simulator -> Hardware -> Shake-Geste (für mich ^ ⌘Z)

Wasi Sadman
quelle