如何调试React Native?

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

当前回答

我使用这个库来调试react-native项目

https://github.com/jhen0409/react-native-debugger 它包括

包括React -devtools-core中的React Inspector。包括回家的 DevTools，用redux-devtools-extension做了相同的API。

或者你可以用

For IOS $ react-native log-ios
For Android $ react-native log-android

其他回答

假设你想在Android模拟器上显示这个菜单

然后，尝试⌘+m在Mac上的Android模拟器上弹出这个开发设置对话框。如果没有显示，那么转到AVD >(点击笔编辑模拟器配置)>高级设置>检查启用键盘输入框。然后重试⌘+m。如果它没有显示静止，那么去运行模拟器设置和发送键盘快捷键到组合框/下拉菜单，然后选择模拟器控件(默认)选项。

然后重试⌘+m。我希望这对你有帮助，它对我有用。

Mac： Cmd+M

Windows和Linux: Ctrl+M

在模拟器中使用适当的热键。它会弹出Chrome浏览器，从那里你可以使用开发人员工具。

编辑:

现在在帮助文档中有链接。

对我来说，在React-Native上调试的最好方法是使用“Reactotron”。

安装Reactotron，然后将这些添加到你的package.json:

"reactotron-apisauce": "^1.1.2",
"reactotron-react-native-under-37": "^1.1.2",
"reactotron-redux": "^1.1.2",

现在，只需要登录您的代码。例如:console.tron.log(调试)

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

如果你在连接到笔记本电脑的真实设备上运行应用程序，你可以使用react-native log-ios或react-native log-android通过终端调试它(它也适用于模拟器)

推荐文章