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.

Kenneth Lynne
źródło
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

itzmebibin
źródło
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é.

Kenneth Lynne
źródło
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

Vahid Hallaji
źródło
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.

Ishwar Rimal
źródło
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.

novonimo
źródło
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

Rodrigo Xavier
źródło
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.

Shamsul Arefin Sajib
źródło
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)

Wasi Sadman
źródło