调试原生代码
访问日志
当应用运行时,您可以在终端中使用以下命令来显示 iOS 或 Android 应用的原生日志:
# 对于 Android:
npx react-native log-android
# 或者,对于 iOS:
npx react-native log-ios
您也可以通过 iOS 模拟器中的 Debug > Open System Log… 访问这些日志,或者在设备或模拟器上运行 Android 应用时,在终端中运行 adb logcat "*:S" ReactNative:V ReactNativeJS:V。
💡 自定义原生日志
如果您正在编写原生模块并希望为调试目的向模块添加自定义日志,您可以使用以下方法:
Android (Java/Kotlin)
在您的原生模块中,使用 Log 类添加可以在 Logcat 中查看的日志:
java
import android.util.Log;
private void log(String message) {
Log.d("YourModuleName", message);
}
要在 Logcat 中查看这些日志,请使用此命令,将 YourModuleName 替换为您的自定义标签:
adb logcat "*:S" ReactNative:V ReactNativeJS:V YourModuleName:D
iOS (Objective-C/Swift)
在您的原生模块中,使用 NSLog 进行自定义日志记录:
objective-c
NSLog(@"YourModuleName: %@", message);
或者,在 Swift 中:
swift
print("YourModuleName: \(message)")
运行应用时,这些日志将出现在 Xcode 控制台中。
在原生 IDE 中调试
当处理原生代码时(例如编写原生模块),您可以从 Android Studio 或 Xcode 启动应用,并利用原生调试功能(设置断点等),就像构建标准原生应用一样。
另一种选项是使用 React Native CLI 运行您的应用,并将原生 IDE(Android Studio 或 Xcode)的原生调试器附加到该进程。
Android Studio
在 Android Studio 中,您可以通过菜单栏上的 "Run" 选项,点击 "Attach to Process..." 并选择正在运行的 React Native 应用来实现。
Xcode
在 Xcode 中,点击顶部菜单栏上的 "Debug",选择 "Attach to process" 选项,并在 "Likely Targets" 列表中选择应用程序。