如何调试React Native?

当应用程序在应用模拟器中运行时，如何用React Native调试他们的React代码?

当前回答

在模拟器上按Cmd+D并选择Debug将打开浏览器调试器

其他回答

您可以使用expo进行调试:https://expo.io/

Expo让web开发者能够构建真正的本地应用程序，可以在这两个平台上运行 iOS和Android只需要用JavaScript写一次。它是开放源代码，免费并使用React Native。

这是一个很棒的工具，你可以在React Europe conf上观看这个研讨会:

https://www.youtube.com/watch?v=HygXkQDMSGU&t=6675s

要调试你的react原生应用程序，只需到以下地址:

localhost: 8081 / debugger-ui 在你的默认浏览器(chrome)和打开开发者工具来调试你的react原生应用程序

如果你想了解检查网络流量和理解原生UI视图层次结构。通过其可扩展的插件API, React Native Update版本为调试移动应用程序提供了开发人员工具。

Flipper是一个调试移动应用程序的很棒的开发工具。该工具随react-native 62一起发布

如果你想在默认情况下打开调试:

import { NativeModules } from 'react-native';

if (__DEV__) {
  NativeModules.DevSettings.setIsDebuggingRemotely(true)
}

要让它在Android上工作:

npm install --save react-native-devsettings-android
react-native link react-native-devsettings-android

参考:启动一个React Native应用程序，默认启用“调试JS远程”

对于Android模拟器，在Windows下按F10而不是Cmd+M。模拟器开始显示所有的react-native调试选项。

推荐文章