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

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.

— 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

48

Wenn Sie den Befehl ausführen , wird das Konfigurationsmenü angezeigt

Dokumentation

— Jhony Taveira
quelle

aktualisierter Link: facebook.github.io/react-native/docs/running-on-device.html

— navanjr

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

— 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