วิธีเปิดใช้งานการรีโหลดแบบสดใน react native บน Android


118

ฉันจะเปิดใช้งานการโหลดซ้ำในโปรแกรมจำลอง Android ได้อย่างไร

เอกสารสำหรับหุ่นยนต์ไม่เป็นประโยชน์มากสำหรับหุ่นยนต์ Noob


จะทำได้อย่างไรเมื่อใช้อุปกรณ์ @Kenneth Lynne
philip oghenerobo balogun

4
เขย่าอุปกรณ์ (ตรวจสอบให้แน่ใจว่าคุณสร้างรุ่นการพัฒนาแล้ว)
Kenneth Lynne

1
ขอบคุณ ผมใช้adb shell input keyevent KEYCODE_MENUมาระยะหนึ่งแล้ว ใช้ได้ผลดีสำหรับฉัน
philip oghenerobo balogun

เลือกโปรแกรมจำลองและCmd+M
onmyway133

คำตอบ:


260
  • พิมพ์คำสั่งต่อไปนี้เพื่อติดตั้งและเปิดแอปบนอุปกรณ์หรือโปรแกรมจำลอง

    $ react-native run-android

  • จากนั้นคลิกที่อีมูเลเตอร์แล้วกดCTRL + M ( CMD + Mบน MacOS) หรือเขย่าอุปกรณ์ Android ที่มีแอพที่กำลังทำงานอยู่

  • จากนั้นเลือกตัวเลือกเปิดใช้งานการโหลดซ้ำจากป๊อปอัป

    ใส่คำอธิบายภาพที่นี่


23
ไม่ทำงานบน mac กับ cmd + m ฉันต้องเรียกใช้adb shell input keyevent 82
TomSawyer

1
ฉันหวังว่ามันจะช่วยได้ คุณควรคลิกที่แถบหน้าต่างเพื่อใช้ Ctrl + M / Cmd + M
bao vu dao

3
ios: 'กด Cmd + R เพื่อโหลดใหม่ \ n' + 'Cmd + D หรือเขย่าสำหรับเมนู dev', android: 'แตะ R สองครั้งบนแป้นพิมพ์ของคุณเพื่อโหลดใหม่ \ n' + 'เขย่าหรือกดปุ่มเมนูสำหรับเมนู dev ',
Ashish Yadav

1
เปิดใช้งานการโหลดซ้ำแบบร้อนในแอปพลิเคชัน react native: skptricks.com/2018/07/enable-hot-reloading-in-react-native.html
sumit kumar pradhan

1
โปรดทราบว่าหากคุณจะใช้แป้นพิมพ์ลัดในโปรแกรมจำลอง Android คุณต้องตั้งค่าตัวเลือกนี้: การตั้งค่า -> ส่งแป้นพิมพ์ลัดไปที่: 'อุปกรณ์เสมือน' ตามที่ฉันทำและมันก็ใช้ได้สำหรับฉัน
Newbi


19

ฉันตาบอด ระบุไว้อย่างชัดเจน:

บน Android ให้เขย่าอุปกรณ์หรือกดปุ่มเมนูฮาร์ดแวร์ (มีในอุปกรณ์รุ่นเก่าและในอีมูเลเตอร์ส่วนใหญ่เช่นใน genymotion คุณสามารถกด⌘ + m หรือ F2 เพื่อจำลองการคลิกปุ่มเมนูฮาร์ดแวร์) คุณยังสามารถติดตั้งFrappéซึ่งเป็นเครื่องมือสำหรับ OS X ซึ่งช่วยให้คุณจำลองการสั่นของอุปกรณ์จากระยะไกลได้ คุณสามารถใช้⌘ + Shift + R เป็นทางลัดเพื่อกระตุ้นการสั่นจากFrappé


2
สำหรับอุปกรณ์ Android จริงฉันพบว่าการกดปุ่มเมนูอุปกรณ์ค้างไว้เมนูโหลดจะปรากฏขึ้น
Rowan Gontier

นอกจากนี้สำหรับอุปกรณ์ทางกายภาพคุณอาจเขย่าโทรศัพท์ซึ่งจะปรากฏขึ้นในเมนู
d_bhatnagar

7
  • การใช้ทางลัด: CTRL + MหรือCMD + M(macOS)
  • จากอาคารผู้โดยสาร: adbshell input keyevent 82

หมายเหตุสำคัญ:การใช้Expoให้แน่ใจว่าคุณอยู่ในโหมดการพัฒนา ทางลัดจะไม่ทำงานในโหมดการผลิตสำหรับโปรแกรมจำลอง Android

ฉันเปิดใช้งานผ่าน Expo XDE โดยแตะที่ฟันเฟืองข้าง url และตรวจสอบโหมดการพัฒนา คุณอาจต้องสร้างใหม่

Expo - โหมดการพัฒนา


ใส่คำอธิบายภาพที่นี่


6

ฉันใช้ Redmi note 3 เพื่อจุดประสงค์ในการดีบักและประสบปัญหาที่คล้ายกัน วิธีแก้ปัญหาคือ MIUI โดยค่าเริ่มต้นจะปิดใช้งานการอนุญาตป๊อปอัปสำหรับแอพซึ่งจำเป็นในกรณีนี้เพื่อรับหน้าจอโหลดซ้ำ หลังจากเปิดใช้งานการอนุญาตป๊อปอัปสำหรับแอปของฉันมันก็ทำงานได้อย่างสมบูรณ์แบบ หวังว่ามันจะช่วยใครบางคน


บอกวิธีเปิดใช้งานได้ไหม
evilmind

ขออภัยสำหรับการตอบกลับล่าช้า. ฉันเดาว่าตอนนี้คุณคงคิดวิธีทำแล้ว หากไม่เป็นเช่นนั้นคุณสามารถค้นหาได้ในส่วนการอนุญาตในการตั้งค่าของคุณ
Ishwar Rimal

5

สำหรับการเปิดใช้งาน Hot reloading หรือ Live reloading บนอุปกรณ์ ( โทรศัพท์ Android ภายนอก ):

ขั้นแรกเรียกใช้แอปโดยใช้react-native run-androidบน Terminal

ตอนนี้เขย่าอุปกรณ์ Android ที่มีแอพที่กำลังทำงานอยู่

จากนั้นเลือกEnable Hot ReloadingหรือEnable Live Reloadตัวเลือกจากป๊อปอัป


4

ในการเปิดใช้งานการโหลดซ้ำใน React Native โดยใช้ Android คุณต้องทำตามขั้นตอนต่อไปนี้:

  • เปิดโปรแกรมจำลองของคุณ
  • เรียกใช้แอปพลิเคชันของคุณ (react-native run-android);
  • ตรวจสอบให้แน่ใจว่าแอปพลิเคชันของคุณกำลังทำงานอยู่
  • คลิกที่จำลองและกด: Ctrl + M

ตัวเลือกบางอย่างจะเปิดขึ้นและคุณเลือก "เปิดใช้งาน Live Reload" ดังภาพด้านล่าง คลิกเพื่อดูภาพ


2

ฉันพบว่าหากฉันดำเนินการreact-native run-androidจากคอนโซลการเปลี่ยนและบันทึกไฟล์ (ด้วยตัวแก้ไขใด ๆ ) จะไม่โหลดแอปซ้ำ

แต่เมื่อฉันเรียกใช้แอปจากคอนโซลรหัส VSการรีโหลดแบบสดก็ใช้งานได้สำหรับทุกการเปลี่ยนแปลงและบันทึก

ฉันคิดว่าคุณอาจต้องใช้IDE (เช่นรหัส VS) สำหรับการโหลดซ้ำ


คุณสามารถเปิดใช้งานได้โดยกดปุ่มเมนูหรือ CTRL + m แล้วเลือก "เปิดใช้งานการโหลดซ้ำ"
Asce4s

0

หากมีคนพยายามเปิดเมนูนักพัฒนาซอฟต์แวร์ในแอปในการโต้ตอบแบบเนทีฟ

Android -> CTRL + M หรือคุณสามารถเขย่าอุปกรณ์ของคุณได้เช่นกัน

และ

IOS -> ⌘ + m (CMD + M) หรืออุปกรณ์เขย่า

หากด้วยเหตุผลบางประการ IOS Simulator ไม่ทำงานด้วยเหตุผลบางประการให้ลองเปิด

จำลอง -> ฮาร์ดแวร์ -> เขย่าท่าทาง (สำหรับฉัน ^ ⌘Z)

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.