Bagaimana cara mengaktifkan live reload di react native di android?

118

Bagaimana cara mengaktifkan live reload di emulator android?

The dokumentasi untuk android tidak sangat membantu untuk noob android.

android react-native Kenneth Lynne
sumber
Bagaimana ini bisa dilakukan saat menggunakan perangkat @Kenn Lynne?
philip oghenerobo balogun
4
Goyangkan perangkat (pastikan Anda membuat build pengembangan)
Kenneth Lynne
1
Terima kasih. Saya telah menggunakan adb shell input keyevent KEYCODE_MENUuntuk sementara waktu sekarang. Berfungsi baik untuk saya
philip oghenerobo balogun
Pilih emulator danCmd+M
onmyway133

Jawaban:

260

  • Ketik perintah berikut di command prompt Anda untuk menginstal dan meluncurkan aplikasi Anda di perangkat atau emulator:

    $ react-native run-android

  • Kemudian klik emulator dan tekan CTRL + M ( CMD + M di MacOS) atau goyangkan perangkat Android yang memiliki aplikasi berjalan.

  • Kemudian pilih opsi Enable Live Reload dari popup.

    masukkan deskripsi gambar di sini

itzmebibin.dll
sumber
23
tidak berfungsi di mac dengan cmd + m, saya harus menjalankanadb shell input keyevent 82
TomSawyer
1
Saya harap ini membantu. Anda harus mengklik bilah jendela untuk menggunakan Ctrl + M / Cmd + M
bao vu dao
3
ios: 'Tekan Cmd + R untuk memuat ulang, \ n' + 'Cmd + D atau goyang untuk menu dev', android: 'Ketuk dua kali R pada keyboard Anda untuk memuat ulang, \ n' + 'Goyang atau tekan tombol menu untuk menu dev ',
Ashish Yadav
1
Aktifkan hot reload dalam aplikasi react native: skptricks.com/2018/07/enable-hot-reloading-in-react-native.html
sumit kumar pradhan
1
Perhatikan bahwa jika Anda akan menggunakan pintasan keyboard di emulator android maka Anda harus mengatur opsi ini: Pengaturan-> Kirim pintasan keyboard ke: 'Perangkat virtual' seperti yang saya lakukan dan itu berhasil untuk saya.
Newbi
19

Saya BUTA. Ini dengan jelas menyatakan:

Di Android goyangkan perangkat atau tekan tombol menu perangkat keras (tersedia di perangkat lama dan di sebagian besar emulator, misalnya di genymotion Anda dapat menekan ⌘ + m atau F2 untuk mensimulasikan klik tombol menu perangkat keras). Anda juga dapat menginstal Frappé, alat untuk OS X, yang memungkinkan Anda meniru gemetar perangkat dari jarak jauh. Anda dapat menggunakan ⌘ + Shift + R sebagai pintasan untuk memicu goyangan dari Frappé.

Kenneth Lynne
sumber
2
Untuk perangkat Android fisik, saya menemukan bahwa dengan menekan lama tombol menu perangkat, menu muat ulang muncul.
Rowan Gontier
Selain itu, untuk perangkat fisik, Anda dapat menggoyangkan ponsel yang memunculkan menu
d_bhatnagar
7
  • Menggunakan pintasan :, CTRL + Matau CMD + M(macOS)
  • Dari terminal: adbshell input keyevent 82

Catatan Penting: Menggunakan Expo , pastikan Anda dalam mode pengembangan . Pintasan tidak akan berfungsi dalam mode produksi untuk emulator Android.

Saya memang mengaktifkannya melalui Expo XDE dengan mengetuk roda gigi di sebelah url dan memeriksa mode pengembangan. Anda mungkin perlu membangun kembali.

Expo - Mode Pengembangan

masukkan deskripsi gambar di sini

Vahid Hallaji
sumber
6

Saya menggunakan Redmi note 3 untuk tujuan debugging dan menghadapi masalah serupa. Solusinya adalah bahwa MIUI secara default menonaktifkan izin popup untuk aplikasi, yang diperlukan dalam hal ini untuk mendapatkan layar muat ulang. Setelah mengaktifkan izin popup untuk aplikasi saya, ini berfungsi dengan sempurna. Semoga bisa membantu seseorang.

Ishwar Rimal
sumber
dapatkah Anda memberi tahu saya cara mengaktifkannya
evilmind
maaf karena terlambat membalas. Saya kira sekarang Anda mungkin sudah menemukan cara melakukannya. Jika tidak, Anda dapat menemukannya di bagian izin di pengaturan Anda.
Ishwar Rimal
5

Untuk mengaktifkan Hot reload atau Live reload di Perangkat ( ponsel Android eksternal ):

Pertama, jalankan aplikasi menggunakan react-native run-androiddi Terminal.

Sekarang, goyangkan perangkat Android yang memiliki aplikasi berjalan.

Kemudian pilih opsi Enable Hot Reloadingatau Enable Live Reloaddari munculan.

novonimo
sumber
4

Untuk mengaktifkan live reload di React Native menggunakan Android, Anda perlu melakukan langkah-langkah berikut:

  • Buka emulator Anda;
  • Jalankan aplikasi Anda (react-native run-android);
  • Pastikan aplikasi Anda berjalan;
  • Klik pada emulator dan tekan: CTRL + M .

Beberapa pilihan akan terbuka, dan Anda memilih "Enable Live Reload" seperti gambar di bawah ini. Klik untuk melihat gambar

Rodrigo Xavier
sumber
2

Saya menemukan bahwa, Jika saya mengeksekusi react-native run-androiddari konsol, maka mengubah dan menyimpan file (dengan editor apa pun) tidak memuat ulang aplikasi.

Tetapi ketika saya menjalankan aplikasi dari konsol kode VS , pemuatan ulang langsung berfungsi untuk setiap perubahan dan penyimpanan.

Saya pikir Anda mungkin memerlukan IDE (seperti kode VS) untuk memuat ulang secara langsung.

Shamsul Arefin Sajib
sumber
Anda benar-benar dapat mengaktifkannya dengan menekan tombol menu atau CTRL + m dan memilih "Aktifkan pemuatan ulang langsung"
Asce4s
0

Jika seseorang mencoba untuk Buka Menu Pengembang Dalam Aplikasi di react native

Android -> CTRL + M atau Anda dapat menggoyangkan perangkat Anda juga

dan

IOS -> ⌘ + m (CMD + M) atau perangkat goyang

jika karena alasan tertentu IOS Simulator tidak berfungsi dengan beberapa alasan coba buka

simulator -> Hardware -> Shake Gesture (Untuk saya ^ ⌘Z)

Wasi Sadman
sumber