在`react-native`中调试视图和布局

Question

我希望有一种明显的方式来查看我的视图层次结构。

在网页开发中，我可以这样做：

body * { background: rgba(0,0,0,0.1)}

这给了我很好的视觉矩形和深度幻觉。

在本机开发中，层次结构为exploding 3d view。

• 我可以以某种方式连接xcode视图层次结构调试器吗？ - 编辑：是的。从xcode
打开并运行项目
• 我可以编写一个StyleSheet规则，它将级联到子级并使其位置和大小明显吗？

Answer 1

您可以连接xcode视图层次结构调试器及其非常简单的操作。你应该打开xcodeproj（可能是xcodeproj的位置在ios文件夹里面），从xcode运行程序（product - ＆gt; run，或者只是cmd + r）然后你就可以使用本机视图调试器。