react native 如何调试
使用 Chrome 开发者工具调试
React Native 应用可以通过 Chrome 开发者工具进行调试。启动应用后，在模拟器或设备上摇动设备（或按 Ctrl + M 打开开发者菜单），选择 "Debug" 选项。Chrome 浏览器会自动打开 http://localhost:8081/debugger-ui，在此页面可以查看日志、设置断点以及检查网络请求。
使用 React Native Debugger
React Native Debugger 是一个独立的调试工具，集成了 Redux 调试功能。安装后，运行应用并选择 "Debug" 选项，确保调试工具监听默认端口 8081。该工具支持查看组件树、状态管理以及性能分析。
使用 Flipper 调试
Flipper 是 Facebook 推出的跨平台调试工具，支持 React Native。安装 Flipper 后，启动应用并在 Flipper 中连接设备。可以查看日志、网络请求、数据库以及自定义插件的调试信息。
打印日志调试
通过 console.log 输出调试信息，日志会显示在终端或 Chrome 开发者工具的 Console 面板中。对于更复杂的场景，可以使用 console.warn 或 console.error 高亮显示关键信息。
热重载与实时刷新
在开发过程中启用热重载（Hot Reloading）或实时刷新（Live Reloading），可以快速查看代码更改的效果。在开发者菜单中开启相应选项，修改代码后应用会自动更新。
使用 Reactotron
Reactotron 是一个桌面应用，用于调试 React Native 应用。支持查看日志、API 请求、状态变更等。配置完成后，启动应用并在 Reactotron 中查看调试信息。
性能分析
使用 React Native 自带的性能分析工具，如 Performance Monitor，可以在开发者菜单中启用。可以查看帧率、内存使用情况以及 JavaScript 线程的性能指标。
原生代码调试
对于原生代码（Java/Kotlin 或 Objective-C/Swift），可以使用 Android Studio 或 Xcode 进行调试。在相应 IDE 中打开项目，设置断点并启动调试会话。
网络请求调试
使用 react-native-network-logger 或 Flipper 的 Network 插件，可以监控应用发起的网络请求。查看请求头、响应体以及请求耗时，帮助定位网络相关问题。
错误边界与崩溃报告
实现 ErrorBoundary 组件捕获 JavaScript 错误，并结合崩溃报告工具（如 Sentry 或 Bugsnag）收集生产环境中的错误信息。便于追踪和修复问题。
