javascript - 在 React Native 中查看组件层级

在调试 React 网站时，我可以使用 React 开发者工具查看组件层次结构：

我如何在 React Native 中做同样的事情？摇晃菜单包含一个 'inspector'，但它似乎只允许我通过点击来检查单个元素——我看不到任何浏览完整组件层次结构的方法。

答案＃1

不幸的是，自从 react-native 0.12 版本以来，开发者工具中的“React”标签已经无法使用了。这是一个已知问题。

在Github上有一个相当活跃的讨论已经开放了一段时间，但还没有解决方案。

更新

Devtools 的 "React" 标签在 Chrome 中仍然无法使用，但最新的 Nuclide 已经内置了它！（它是基于 Atom 构建的 IDE）。

在安装了 Nuclide 插件的 Atom 中，启动你的应用并停用 Chrome 或 Safari 调试。

然后，在 Atom 中按 Cmd+Shift+P 将触发命令面板，您可以通过搜索 React Native Inspector 来切换开发者工具：

在使用独立的 react-devtools 应用程序和 React Native 0.55 时，这对我有效。