react native如何调试
React Native 调试方法
使用 Chrome 开发者工具
React Native 支持通过 Chrome 开发者工具进行调试。在应用中摇动设备或按 Ctrl + M（Android 模拟器）打开开发者菜单，选择 Debug。Chrome 浏览器会自动打开 http://localhost:8081/debugger-ui，可以在 Chrome 的开发者工具中调试 JavaScript 代码。
使用 React Developer Tools
安装 react-devtools 包，独立运行以调试 React 组件树。通过以下命令安装：
npm install -g react-devtools运行后，工具会自动连接到 React Native 应用，显示组件层次结构和状态。
使用 Flipper
Flipper 是 Facebook 开发的调试工具，支持 React Native。下载并安装 Flipper 后，启动应用并在 Flipper 中连接设备或模拟器。Flipper 提供日志、网络请求、数据库和插件支持等功能。
使用 React Native Debugger
React Native Debugger 是一个集成了 React DevTools 和 Redux DevTools 的独立应用。下载并运行后，在开发者菜单中选择 Debug，调试器会自动连接到应用。
日志输出
使用 console.log 输出日志，日志会在终端或浏览器的控制台中显示。对于更复杂的日志需求，可以使用 react-native-log-ios 或 react-native-log-android 等第三方库。
热重载和实时重载
在开发者菜单中启用 Hot Reloading 或 Live Reload，可以实时查看代码更改的效果，无需重新启动应用。
原生代码调试
对于 iOS，使用 Xcode 的调试工具。对于 Android，使用 Android Studio 的调试工具。可以设置断点、检查变量和执行步骤调试。
性能监控
使用 React Native 自带的 Performance Monitor 或在开发者菜单中启用 Show Perf Monitor，可以实时监控应用的帧率和内存使用情况。
网络请求调试
使用 react-native-network-logger 或 Flipper 的网络插件，可以监控和分析应用的网络请求。
错误追踪
集成 Sentry 或 Bugsnag 等错误追踪工具，可以捕获并分析生产环境中的错误。
