メインコンテンツにスキップ

ネイティブ コードのデバッグ

ログへのアクセス

アプリが実行中のターミナルで次のコマンドを使用して iOS または Android アプリのネイティブ ログを表示できます

# For Android:
npx react-native log-android
# Or, for iOS:
npx react-native log-ios

また、iOS シミュレータで [デバッグ] > [システムログを開く…] を実行するか、Android アプリがデバイスまたはエミュレータで実行中のターミナルで adb logcat "*:S" ReactNative:V ReactNativeJS:V を実行してアクセスすることもできます。

ネイティブ IDE でのデバッグ

ネイティブモジュールの記述など、ネイティブコードで作業している場合、標準的なネイティブアプリを構築する場合と同様に、Android Studio または Xcode からアプリを起動して(ブレークポイントの設定など)ネイティブデバッグ機能を活用できます。

もう 1 つのオプションとして、React Native CLI を使用してアプリケーションを実行し、ネイティブ IDE(Android Studio または Xcode)のネイティブデバッガープロセスのアプリケーションにアタッチする方法があります。

Android Studio

Android Studio では、メニューバーの [実行] オプションに移動し、[プロセスにアタッチ…] をクリックして実行中の React Native アプリを選択することで実行できます。

Xcode

Xcode で、トップメニューバーの [デバッグ] をクリックし、[プロセスにアタッチ] オプションを選択し、[候補のターゲット] のリストからアプリケーションを選択します。