如何检查React Native应用程序的DOM树？

Question

是否可以直观地检查React Native应用程序的DOM树，以及检查Chrome Elements panel中常规网页的方式？如果是这样，怎么样？

Answer 1

您最接近的是来自应用内开发者菜单的检查员（点击show inspector）。

要访问应用内开发者菜单：

在iOS上摇晃设备或在模拟器中按控制键+⌘+ z。

在Android上摇动设备或按硬件菜单按钮（旧设备和大多数仿真器都可用，例如在genymotion中，您可以按⌘+ m模拟硬件菜单按钮点击）

Answer 2

要更接近Chrome DevTool的“元素”面板，请尝试使用react-native-debugger。

适用于group by project_id，windows和osx。它支持：linux和react native。