React Native Debuggerとは
React Nativeアプリをデバッグするためのアプリになります。
React Nativeでデバッグをしたい時にはReact Native Debuggerが良き。
React Native Debuggerだと以下の機能が集約されており、利用することができます。
- Chrome
- Devtools
- React Devtools
- Redux Devtools
React Native Debuggerのインストール方法
ターミナルで下記のコマンドを実行する。
$brew update && brew cask install react-native-debugger
React Native Debuggerの使い方
Expoを使用しない場合のやり方
(1)Xcodeでシミュレータを起動する
(2)シミュレータを選択して、[Hardware]->[Erase All Content and Settings...]を選択し、[Erase]をクリック
(3)React Native Debuggerを起動する
(4)(2)のシミュレータを選択して、xcodeで実機ビルドする
(5)アプリが起動したら、[command + D]を実行し、[Debug JS Remotely]を選択
しばらく待つと、勝手にReact Native Debugger接続される
Expoを使用する場合のやり方
下記のページを参考にしてみてください。
https://qiita.com/Tetsuya3850/items/e8d4450fcb3df5522b7a