Androidのreact nativeでライブリロードを有効にする方法は?


118

Androidエミュレータでライブリロードを有効にするにはどうすればよいですか?

android のドキュメントは、android noobにはあまり役に立ちませんでした。


デバイス@Kenneth Lynneを使用している場合、これはどのように行うことができますか?
フィリップオヘネロボバログン2017

4
デバイスをシェイクします(開発ビルドをビルドしたことを確認してください)
Kenneth Lynne

1
ありがとう。adb shell input keyevent KEYCODE_MENUしばらく使ってます。私にとっては
うまくいき

エミュレータを選択してCmd+M
onmyway133

回答:


260
  • コマンドプロンプトに次のように入力して、デバイスまたはエミュレーターにアプリをインストールして起動します。

    $ react-native run-android

  • 次に、エミュレータをクリックしてCTRL + M(MacOSではCMD + M)を押すか、実行中のアプリがあるAndroidデバイスをシェイクします。

  • 次に、ポップアップから「ライブ再読み込みを有効にする」オプションを選択します。

    ここに画像の説明を入力してください


23
Macではcmd + mで動作しません。実行する必要がありますadb shell input keyevent 82
TomSawyer '22

1
お役に立てば幸いです。Ctrl + M / Cmd + Mを使用するには、ウィンドウバーをクリックする必要があります
bao vu dao

3
ios: 'Cmd + Rを押して再読み込み、\ n' + 'Cmd + Dまたはシェイクして開発メニューを開く'、android: 'キーボードのRをダブルタップして再読み込み、\ n' + 'シェイクまたはメニューボタンを押して開発メニューを押す'、
Ashish Yadav

1
reactネイティブアプリケーションでホットリロードを有効にする:skptricks.com/2018/07/enable-hot-reloading-in-react-native.html
sumit kumar pradhan

1
Androidエミュレータでキーボードショートカットを使用する場合は、このオプションを設定する必要があることに注意してください。[設定]-> [キーボードショートカットの送信先]を[仮想デバイス]にします。
Newbi 2018


19

私は盲目でした。それは明確に述べています:

Androidでは、デバイスをシェイクするか、ハードウェアメニューボタンを押します(たとえば、genymotionでは、古いデバイスとほとんどのエミュレーターで使用できます。ハードウェアメニューボタンのクリックをシミュレートするには、⌘+ mまたはF2を押します)。OS X用のツールであるFrappéをインストールして、デバイスのシェイクをリモートでエミュレートすることもできます。pp + Shift + Rをショートカットとして使用して、フラペからシェイクをトリガーできます。


2
物理的なAndroidデバイスの場合、デバイスメニューボタンを長押しするとリロードメニューが表示されることがわかりました。
Rowan Gontier 2017

また、物理的なデバイスの場合は、メニューをポップアップする電話を振ることができます
d_bhatnagar '26

7
  • ショートカットの使用:CTRL + M、またはCMD + M(macOS)
  • ターミナルから: adbshell input keyevent 82

重要な注意:Expoを使用して、開発モードになっていることを確認してください。ショートカットは、Androidエミュレーターのプロダクションモードでは機能しません。

Expo XDEでURLの横にある歯車をタップして開発モードをチェックすることで、これを有効にしました。再構築が必要になる場合があります。

Expo-開発モード


ここに画像の説明を入力してください


6

私はデバッグの目的でRedmi Note 3を使用しており、同様の問題に直面していました。解決策は、MIUIがデフォルトでアプリのポップアップ権限を無効にすることでした。この場合、リロード画面を取得するために必要です。私のアプリのポップアップ権限を有効にした後、それは完璧に機能します。それが誰かを助けることを願っています。


あなたはそれを有効にする方法を教えてください
evilmind

返事が遅れて申し訳ありません。私はあなたがそれをどうやってやるかを考え出したかもしれません。そうでない場合は、設定の許可セクションで確認できます。
Ishwar Rimal 2017

5

デバイス(外部Androidフォン)でのホットリロードまたはライブリロードを有効にする場合:

まず、react-native run-androidターミナルでを使用してアプリを実行します。

次に、実行中のアプリがあるAndroidデバイスをシェイクします。

次に、ポップアップからEnable Hot ReloadingまたはEnable Live Reloadオプションを選択します。


4

Androidを使用してReact Nativeでライブリロードを有効にするには、次の手順を実行する必要があります。

  • エミュレーターを開きます。
  • アプリケーションを実行します(react-native run-android);
  • アプリケーションが実行中であることを確認してください。
  • エミュレーターをクリックして、CTRL + Mを押します。

一部のオプションが開き、下の画像のように「ライブ再読み込みを有効にする」を選択します。 クリックして画像を表示


2

react-native run-androidコンソールから実行した場合、ファイルを変更して保存(エディターを使用)してもアプリがリロードされないことがわかりました。

しかし、VSコードコンソールからアプリを実行すると、すべての変更と保存に対してライブリロードが機能していました。

ライブのリロードにはIDE(VSコードなど)が必要な場合があります。


メニューキーまたはCTRL + mを押して[ライブリロードを有効にする]を選択すると、実際に有効にできます
Asce4s

0

誰かが反応ネイティブでアプリ内開発者メニューを開こうとした場合

Android-> CTRL + Mまたはデバイスを振ることもできます

そして

IOS->⌘+ m(CMD + M)またはシェイクデバイス

何らかの理由でIOSシミュレーターが何らかの理由で機能しなかった場合、開こうとします

シミュレーター->ハードウェア->ジェスチャーを振る(私にとっては^⌘Z)

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.