@@ -10,29 +10,70 @@ import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; import con
1010 <p >以下部分仅适用于包含原生代码的项目。如果你使用的是托管型 Expo 工作流,请参阅 <a href =" https://docs.expo.dev/workflow/prebuild/ " target =" _blank " >prebuild</a > 指南以使用此 API。</p >
1111</div >
1212
13- ## 打印日志
13+ ## 查看日志
1414
15- 当应用正在运行时,你可以在终端中使用以下命令打印 iOS 或 Android 应用的日志 :
15+ 当应用正在运行时,你可以在终端中使用以下命令查看 iOS 或 Android 应用的原生日志 :
1616
1717``` shell
18- # For Android:
18+ # Android:
1919npx react-native log-android
20- # Or, for iOS:
20+ # iOS:
2121npx react-native log-ios
2222```
2323
24- 你也可以通过 iOS 模拟器中的 "Debug > Open System Log..." 菜单,或者在运行 Android 应用的设备或模拟器中运行 ` adb logcat "*:S" ReactNative:V ReactNativeJS:V ` 来访问这些日志。
24+ 你也可以通过 iOS 模拟器中的 Debug > Open System Log… 菜单,或者在运行 Android 应用的设备或模拟器中执行 ` adb logcat "*:S" ReactNative:V ReactNativeJS:V ` 来查看这些日志。
25+
26+ <details >
27+ <summary >**💡 自定义原生日志**</summary >
28+
29+ 如果你正在编写原生模块,并且想为你的模块添加自定义日志用于调试,可以使用以下方法:
30+
31+ #### Android(Java/Kotlin)
32+
33+ 在原生模块中,使用 ` Log ` 类添加可在 Logcat 中查看的日志:
34+
35+ ``` java
36+ import android.util.Log ;
37+
38+ private void log(String message) {
39+ Log . d(" YourModuleName" , message);
40+ }
41+ ```
42+
43+ 要在 Logcat 中查看这些日志,请使用以下命令,将 ` YourModuleName ` 替换为你的自定义标签:
44+
45+ ``` shell
46+ adb logcat " *:S" ReactNative:V ReactNativeJS:V YourModuleName:D
47+ ```
48+
49+ #### iOS(Objective-C/Swift)
50+
51+ 在原生模块中,使用 ` NSLog ` 添加自定义日志:
52+
53+ ``` objective-c
54+ NSLog (@" YourModuleName: %@ " , message);
55+ ```
56+
57+ 或者在 Swift 中:
58+
59+ ``` swift
60+ print (" YourModuleName: \( message ) " )
61+ ```
62+
63+ 运行应用时,这些日志将出现在 Xcode 控制台中。
64+
65+ </details >
2566
2667## 在原生 IDE 中调试
2768
28- 当你编写原生模块时,你可以使用 Android Studio 或 Xcode 来启动应用,并使用其原生调试功能 (设置断点等),就像在构建标准原生应用时一样 。
69+ 当你编写原生代码(如原生模块)时,可以从 Android Studio 或 Xcode 启动应用,并利用其原生调试功能 (设置断点等),就像构建标准原生应用一样 。
2970
30- 另一种选择是使用 React Native CLI 运行应用,并从原生 IDE(Android Studio 或 Xcode)中附加到进程 。
71+ 另一种选择是使用 React Native CLI 运行应用,然后将原生 IDE(Android Studio 或 Xcode)的原生调试器附加到进程上 。
3172
3273### Android Studio
3374
34- 在 Android Studio 中,你可以通过点击菜单栏中的 "Run" 选项,然后选择 "Attach to Process...",并选择正在运行的 React Native 应用。
75+ 在 Android Studio 中,点击菜单栏上的 "Run"选项,选择 "Attach to Process...",然后选择正在运行的 React Native 应用。
3576
3677### Xcode
3778
38- 在 Xcode 中,点击菜单栏中的 "Debug",选择 "Attach to Process..." ,然后从 "Likely Targets" 列表中选择正在运行的应用 。
79+ 在 Xcode 中,点击顶部菜单栏的 "Debug",选择"Attach to process"选项 ,然后从"Likely Targets"列表中选择你的应用 。
0 commit comments