在React Native中进行调试（用户界面）的最佳方法是什么？

Question

就调试DESIGN（用户界面）而言，我目前正在寻找一种替代方法来呈现组件，也许直接在浏览器中呈现（可能）吗？

我发现标准方法破坏性太大。每当出现其他问题时，仿真器就会缓慢运行并冻结，热加载会失败。同样，如果您连接了电话，则可以进行所有工作，安装应用程序，启用选件..有时还会给您带来麻烦。

如果您正在使用设计部分，那么处理这些微小问题可能会很烦人。有直接的调试方法吗？就像我们要调试ReactJs应用一样？

也许对于Mac来说它可以顺畅地工作，但是在Ubuntu上，我一直在努力使工作正常，但是仍然没有成功。欢迎任何建议。谢谢。

Answer 1

推荐

您尝试过所有explanation from doc吗？

我做什么

我用

react-native log-android

这将显示您console.log在终端中的所有内容。

然后创建一个logger

function logger(anything){
    console.log(JSON.stringify(anything, null, 2))
}

这将在控制台中显示所有已识别的内容，但最好在控制台中查看。

然后，我只需要在代码中的任何地方使用logger。

这是我找到的最简单，最快的方法。

Answer 2

尝试this package最好的调试器工具