Jak włączyć przeładowanie na żywo w React Native na Androidzie?


118

Jak mogę włączyć ponowne ładowanie na żywo w emulatorze Androida?

Dokumentacja dla Androida nie był bardzo pomocny dla android noob.


Jak można to zrobić, korzystając z urządzenia @Kenneth Lynne?
philip oghenerobo balogun

4
Potrząśnij urządzeniem (upewnij się, że zbudowałeś wersję rozwojową)
Kenneth Lynne

1
Dzięki. Używam już adb shell input keyevent KEYCODE_MENUod jakiegoś czasu. U mnie działa dobrze
philip oghenerobo balogun

Wybierz emulator iCmd+M
onmyway133

Odpowiedzi:


260
  • Wpisz następujące polecenie w wierszu polecenia, aby zainstalować i uruchomić aplikację na urządzeniu lub emulatorze:

    $ react-native run-android

  • Następnie kliknij emulator i naciśnij CTRL + M ( CMD + M na MacOS) lub potrząśnij urządzeniem z Androidem, na którym jest uruchomiona aplikacja.

  • Następnie wybierz opcję Włącz ponowne ładowanie na żywo z wyskakującego okienka.

    wprowadź opis obrazu tutaj


23
nie działa na mac z cmd + m, muszę uruchomićadb shell input keyevent 82
TomSawyer

1
Mam nadzieję, że to pomoże. Powinieneś kliknąć pasek okna, aby użyć Ctrl + M / Cmd + M
bao vu dao

3
ios: „Naciśnij Cmd + R, aby załadować ponownie, \ n” + „Cmd + D lub potrząśnij, aby otworzyć menu programisty”, android: „Naciśnij dwukrotnie R na klawiaturze, aby załadować ponownie, \ n” + ”Wstrząśnij lub naciśnij przycisk menu, aby otworzyć menu programisty ',
Ashish Yadav

1
Włącz ponowne ładowanie na gorąco w aplikacji natywnej reagującej: skptricks.com/2018/07/enable-hot-reloading-in-react-native.html
sumit kumar pradhan

1
Zwróć uwagę, że jeśli zamierzasz używać skrótów klawiaturowych w emulatorze Androida, musisz ustawić tę opcję: Ustawienia-> Wyślij skróty klawiaturowe do: „Urządzenie wirtualne”, tak jak ja to robię i to zadziałało.
Newbi


19

Byłem ślepy. Wyraźnie stwierdza:

Na Androidzie potrząśnij urządzeniem lub naciśnij przycisk menu sprzętowego (dostępny na starszych urządzeniach iw większości emulatorów, np. W genymotion można wcisnąć ⌘ + m lub F2, aby zasymulować kliknięcie przycisku menu sprzętowego). Możesz także zainstalować Frappé, narzędzie dla OS X, które pozwala zdalnie emulować trzęsienie urządzeń. Możesz użyć ⌘ + Shift + R jako skrótu, aby wywołać drgania Frappé.


2
W przypadku fizycznego urządzenia z Androidem stwierdziłem, że po długim naciśnięciu przycisku menu urządzenia pojawia się menu ponownego ładowania.
Rowan Gontier

Również w przypadku urządzeń fizycznych możesz potrząsnąć telefonem, który wyskakuje menu
d_bhatnagar

7
  • Korzystanie ze skrótów: CTRL + Mlub CMD + M(macOS)
  • Z terminala: adbshell input keyevent 82

Ważna uwaga: używając Expo , upewnij się, że jesteś w trybie programowania . Skróty nie będą działać w trybie produkcyjnym dla emulatora Androida.

Zrobiłem to przez Expo XDE, dotykając zębatki obok adresu URL i sprawdzając tryb programowania. Być może trzeba będzie odbudować.

Expo - tryb rozwoju


wprowadź opis obrazu tutaj


6

Używam Redmi Note 3 do celów debugowania i napotkałem podobny problem. Rozwiązanie polegało na tym, że MIUI domyślnie wyłącza uprawnienia wyskakujące dla aplikacji, które jest potrzebne w tym przypadku, aby uzyskać ekran ponownego ładowania. Po włączeniu zgody na wyskakujące okienko dla mojej aplikacji działa idealnie. Mam nadzieję, że to komuś pomoże.


czy możesz mi powiedzieć, jak to włączyć
evilmind

przepraszam za spóźnioną odpowiedź. Wydaje mi się, że już wiesz, jak to zrobić. Jeśli nie, możesz go znaleźć w sekcji uprawnień w swoich ustawieniach.
Ishwar Rimal,

5

Aby włączyć ponowne ładowanie na gorąco lub ponowne ładowanie na żywo na urządzeniu ( zewnętrzny telefon z systemem Android ):

Najpierw uruchom aplikację za pomocą react-native run-androidterminala.

Teraz potrząśnij urządzeniem z Androidem, na którym jest uruchomiona aplikacja.

Następnie wybierz opcję Enable Hot Reloadinglub Enable Live Reloadz wyskakującego okienka.


4

Aby włączyć przeładowanie na żywo w React Native przy użyciu Androida, musisz wykonać następujące czynności:

  • Otwórz emulator;
  • Uruchom swoją aplikację (react-native run-android);
  • Upewnij się, że aplikacja jest uruchomiona;
  • Kliknij na emulatorze i naciśnij: CTRL + M .

Niektóre opcje zostaną otwarte i wybierz opcję „Włącz ponowne ładowanie na żywo”, jak na obrazku poniżej. Kliknij, aby zobaczyć obraz


2

Dowiedziałem się, że jeśli wykonuję react-native run-androidz konsoli, to zmiana i zapisanie pliku (jakimkolwiek edytorem) nie ładuje ponownie aplikacji.

Ale kiedy uruchamiam aplikację z konsoli kodu VS , ponowne ładowanie na żywo działało dla każdej zmiany i zapisania.

Myślę, że możesz potrzebować IDE (takiego jak kod VS) do ponownego ładowania na żywo.


W rzeczywistości możesz go włączyć, naciskając klawisz menu lub CTRL + mi wybierając opcję „Włącz przeładowanie na żywo”
Asce4s

0

Jeśli ktoś spróbuje otworzyć menu programisty w aplikacji w trybie natywnym

Android -> CTRL + M lub możesz też potrząsnąć urządzeniem

i

IOS -> ⌘ + m (CMD + M) lub wstrząśnij urządzeniem

jeśli z jakiegoś powodu Symulator IOS nie działa z jakiegoś powodu, spróbuj otworzyć

symulator -> Sprzęt -> Gest potrząśnięcia (dla mnie ^ ⌘Z)

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.