我使用这个库来调试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

如果你正在使用Redux，我强烈推荐React Native Debugger。它包括Chrome开发工具，但也有Redux开发工具和React开发工具。

Redux Devtools:这允许你查看你的操作，并在它们之间来回切换。它还允许您查看redux存储，并具有自动区分每个操作的先前状态和更新状态的功能，因此当您在一系列操作中来回执行时，您可以看到这一点。

React Devtools:这允许你检查某个组件，即它的所有道具以及它的组件状态。如果你有一个组件状态的布尔值，它让你点击它来切换它，看看当它改变时你的应用程序是如何反应的。很棒的特性。

Chrome Devtools允许你看到你所有的控制台输出，使用断点，暂停调试器;等。标准调试功能。如果你右键单击Redux Devtools中列出的操作区域，并选择“允许网络检查”，你可以在Chrome Devtools的网络选项卡中检查你的API调用。

总之，把这些都放在一个地方真是太棒了!如果你不需要其中一个，你可以打开/关闭它。获得React本机调试器并享受生活。

非常简单，只有两个命令

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

步骤1: 把调试器放在你想要停止脚本的地方，比如:

  async saveItem(item, selectedValue) {
    debugger
    try {
        await AsyncStorage.setItem(item, selectedValue);
    }
    catch (error) {
        console.error('AsyncStorage error: ' + error.message);
    }
}

这将在控制到达此代码块时暂停调试器。

步骤2: 在ios模拟器上按Cmd+D，在Android模拟器上按Cmd+M。 如果你有真正的设备，摇动设备打开开发菜单，如果你不想摇动设备，请关注这个博客

步骤3: 选择启用远程JS调试，这将打开Chrome

步骤4: 选择开发人员工具。

步骤5: 在源代码中编写调试器的任何地方，调试器都会在Sources选项卡中暂停。进入控制台，输入任何你想调试的参数(出现在代码块中)，例如: 要移动到下一个调试器点，再次移动到Sources ->单击恢复脚本执行按钮(右下角蓝色按钮)

把调试器放在你想暂停脚本的任何地方。

享受调试! !

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

奇怪的是，⌘+ D对我不起作用。在iOS模拟器中按ctrl + cmd⌘+ Z确实为我打开了调试浏览器窗口。

这是弹出的屏幕:

详情请点击这里。