Android의 React Native에서 라이브 리로드를 활성화하는 방법은 무엇입니까?


118

Android 에뮬레이터에서 라이브 리로드를 활성화하려면 어떻게해야합니까?

문서 안드로이드는 안드로이드 멍청한 놈에게 매우 도움이 아니 었습니다.


@Kenneth Lynne 장치를 사용할 때 어떻게 할 수 있습니까?
philip oghenerobo balogun

4
장치 흔들기 (개발 빌드를 빌드했는지 확인)
Kenneth Lynne

1
감사. 나는 adb shell input keyevent KEYCODE_MENU지금 한동안 사용 하고 있습니다. 나를 위해 잘 작동
필립 oghenerobo 림 바로 건

에뮬레이터를 선택하고Cmd+M
onmyway133

답변:


260
  • 명령 프롬프트에 다음을 입력하여 장치 또는 에뮬레이터에 앱을 설치하고 실행합니다.

    $ react-native run-android

  • 그런 다음 에뮬레이터를 클릭하고 CTRL + M ( MacOS의 경우 CMD + M )을 누르거나 실행중인 앱이있는 Android 기기를 흔 듭니다.

  • 그런 다음 팝업에서 Enable Live Reload 옵션을 선택합니다 .

    여기에 이미지 설명 입력


23
cmd를 + m와 Mac에서 작동하지 않습니다, 나는 실행해야adb shell input keyevent 82
TomSawyer

1
도움이되기를 바랍니다. Ctrl + M / Cmd + M을 사용하려면 창 표시 줄을 클릭해야합니다.
bao vu dao

3
ios : '다시로드하려면 Cmd + R을 누르세요. \ n'+ '개발 메뉴를 보려면 Cmd + D 또는 흔들기', android : '다시로드하려면 키보드에서 R을 두 번 탭하세요. \ n'+ '개발 메뉴를 보려면 흔들거나 메뉴 버튼을 누르세요. ',
Ashish Yadav

1
네이티브 응용 프로그램을 반응에 뜨거운 재로드를 사용 : skptricks.com/2018/07/enable-hot-reloading-in-react-native.html
SUMIT 쿠마 프라

1
안드로이드 에뮬레이터에서 바로 가기 키를 사용하려면이 옵션을 설정해야합니다. 설정-> 키보드 바로 가기 보내기 : '가상 장치'로 설정하면 저에게 효과적입니다.
Newbi


19

나는 눈이 멀었다. 다음과 같이 명시되어 있습니다.

Android에서는 기기를 흔들거나 하드웨어 메뉴 버튼을 누릅니다 (구형 기기 및 대부분의 에뮬레이터에서 사용할 수 있습니다. 예를 들어 genymotion에서 ⌘ + m 또는 F2를 눌러 하드웨어 메뉴 버튼 클릭을 시뮬레이션 할 수 있습니다). 또한 OS X 용 도구 인 Frappé를 설치하여 원격으로 장치의 흔들림을 에뮬레이션 할 수 있습니다. ⌘ + Shift + R을 단축키로 사용하여 Frappé에서 쉐이크를 트리거 할 수 있습니다.


2
실제 Android 기기의 경우 기기 메뉴 버튼을 길게 누르면 새로 고침 메뉴가 나타납니다.
Rowan Gontier 2017 년

또한, 물리적 장치를 들어, 메뉴를 팝업 전화를 흔들 수
d_bhatnagar

7
  • 단축키 사용 : CTRL + M, 또는 CMD + M(macOS)
  • 터미널에서 : adbshell input keyevent 82

중요 참고 : Expo를 사용하여 개발 모드 에 있는지 확인하십시오 . Android 에뮬레이터의 프로덕션 모드에서는 바로 가기가 작동하지 않습니다.

Expo XDE를 통해 URL 옆에있는 톱니 바퀴를 탭하고 개발 모드를 확인하여이를 활성화했습니다. 재 구축이 필요할 수 있습니다.

엑스포-개발 모드


여기에 이미지 설명 입력


6

디버깅 목적으로 Redmi note 3을 사용하고 있으며 비슷한 문제에 직면했습니다. 해결책은 MIUI가 기본적으로 앱에 대한 팝업 권한을 비활성화한다는 것입니다.이 경우이 경우 다시로드 화면을 가져 오는 데 필요합니다. 내 앱에 대한 팝업 권한을 활성화하면 완벽하게 작동합니다. 누군가에게 도움이되기를 바랍니다.


당신은 어떻게 그것을 가능하게하는 말해 줄 수
evilmind

늦은 답변 죄송합니다. 지금 쯤이면 어떻게하는지 알아 냈을 것입니다. 그렇지 않은 경우 설정의 권한 섹션에서 찾을 수 있습니다.
Ishwar 리말

5

장치 ( 외부 Android 전화 ) 에서 핫 리로딩 또는 라이브 리로딩을 활성화하려면 :

먼저 react-native run-android터미널 에서 앱을 실행하세요 .

이제 실행중인 앱이있는 Android 기기를 흔들어주세요 .

그런 다음 팝업에서 Enable Hot Reloading또는 Enable Live Reload옵션을 선택합니다 .


4

Android를 사용하여 React Native에서 라이브 리로드를 활성화하려면 다음 단계를 수행해야합니다.

  • 에뮬레이터를 엽니 다.
  • 애플리케이션 실행 (반응 네이티브 실행 Android)
  • 응용 프로그램이 실행 중인지 확인하십시오.
  • 에뮬레이터를 클릭하고 CTRL + M을 누릅니다 .

일부 옵션이 열리고 아래 이미지와 같이 "실시간 새로 고침 활성화"를 선택합니다. 이미지를 보려면 클릭하세요


2

react-native run-android콘솔에서 실행하면 (편집기로) 파일을 변경하고 저장해도 앱이 다시로드되지 않는다는 것을 알았습니다 .

그러나 VS 코드 콘솔 에서 앱을 실행하면 모든 변경 및 저장에 대해 라이브 다시로드가 작동했습니다.

라이브 리로딩을 위해 IDE (예 : VS 코드) 가 필요할 수 있습니다 .


당신은 실제로 "라이브 다시로드 사용"메뉴 키 또는 CTRL + m과 선택을 눌러서 사용할 수 있습니다
Asce4s

0

누군가 React Native에서 인앱 개발자 메뉴를 열려고하는 경우

Android-> CTRL + M 또는 기기를 흔들 수도 있습니다.

IOS-> ⌘ + m (CMD + M) 또는 흔들기 장치

어떤 이유로 IOS Simulator가 어떤 이유로 작동하지 않으면 열어보십시오.

시뮬레이터-> 하드웨어-> 흔들기 제스처 (나에게는 ^ ⌘Z)

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.