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

Question

我想要一个明显的方式来查看我的视图层次结构。

在网络发展中，我能做到这一点有：

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

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

在本地开发中有层次结构的exploding 3d view。

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

Answer 1

您可以连接xcode视图层次结构调试器，它的操作非常简单。您应该打开xcodeproj（可能位于xcodeproj位于ios文件夹内），从xcode（产品 - >运行，或者仅仅是cmd + r）运行程序，然后您将能够使用本地视图调试器。