Debugging 调试“react native”中的视图和布局`

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

在web开发中，我可以通过以下方式实现：

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

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

在本地开发中，存在层次结构的复杂性

• 我可以以某种方式连接xcode视图层次结构调试器吗？--编辑：是的。只需打开并从xcode运行项目
• 是否有一个

  样式表

  规则我可以写下来，将级联到孩子们，使他们的位置和大小显而易见

---

您可以连接xcode view hierarchy调试器，它非常简单。您应该只打开xcodeproj（xcodeproj的位置可能在ios文件夹中），从xcode运行程序（product->run，或者只运行cmd+r），然后就可以使用本机视图调试器了