如何调试react native
调试 React Native 应用的方法
使用 Chrome 开发者工具
在 React Native 应用中启用远程调试模式，通过 Chrome 浏览器打开开发者工具。在 Chrome 中访问 chrome://inspect，选择对应的设备或模拟器进行调试。可以设置断点、查看日志、检查网络请求等。
使用 Flipper
Flipper 是 Facebook 开发的调试工具，支持 React Native。安装 Flipper 后，连接设备或模拟器，可以查看日志、网络请求、数据库状态以及性能分析。Flipper 还支持插件扩展，功能更强大。
React Native Debugger
React Native Debugger 是一个独立的调试工具，集成了 Redux 和 React DevTools。支持查看组件树、状态管理以及性能分析。安装后运行应用时选择远程调试，即可连接到调试工具。
日志输出
使用 console.log 输出日志信息，结合 react-native-log-ios 或 react-native-log-android 查看设备日志。在终端运行以下命令查看日志：
react-native log-ios
react-native log-android热重载和实时刷新
在开发过程中启用热重载（Hot Reloading）或实时刷新（Live Reloading），可以快速查看代码更改的效果。在模拟器或设备上摇动设备调出开发者菜单，选择启用相关功能。
性能分析
使用 React Native 自带的性能监视器（Performance Monitor）查看帧率和内存使用情况。在开发者菜单中启用性能监视器，可以直观地看到应用的性能指标。
错误边界（Error Boundaries）
在 React 组件中使用错误边界捕获子组件的 JavaScript 错误，避免整个应用崩溃。错误边界可以显示备用 UI 或记录错误信息，便于调试。
原生代码调试
对于原生代码（iOS/Android），使用 Xcode 或 Android Studio 进行调试。在 Xcode 中设置断点，使用 LLDB 调试器；在 Android Studio 中使用 Logcat 查看日志和调试原生代码。
