React Nativeでブレークポイントを使用してデバッグする方法

Question

ネイティブでブレークポイントに反応してデバッグする方法を教えてください。Android実際のデバイスの解決策しか見つかりませんでしたが、AndroidエミュレーターおよびiOSシミュレーターではデバッグできません。

Answer 1

1. インストールReactネイティブデバッガーツール
   • brew update && brew cask install react-native-debugger
   • 醸造キャスク再インストールネイティブネイティブデバッガー
2. Googleを終了Chromeすでに実行されている場合）。
3. アプリケーションフォルダーからReactネイティブデバッガーアプリを起動します。
4. IOSシミュレーターをアクティブにし、キーボードを使用してcommand + dを実行します。デバッグメニューで、[Debug JS Remotely]オプションを選択します。
5. React Native Debuggerに移動します。「View」メニューから「Toggle Developer Tools」サブメニュー項目を選択します。
6. [ソース]タブを選択します（Reactネイティブデバッガーウィンドウ）。
7. 左側のメニューで、RNDebuggerWorker.jsを展開し、サブオプションlocalhost：****を展開します。プロジェクトのルートフォルダが表示されます。
8. .jsファイルを選択し、ブレークポイントを追加します。ブレークポイントは、それぞれの行が実行されるとアクティブになります。
9. 下部のコンソール領域にコンソールログが表示されます。