在 Jetpack Compose 中可视化组件树

Question

在 Android 视图系统中，您可以看到构成视图层次结构的不同元素的 UI 树，例如如下所示：

除了预览可组合物之外，我正在寻找一种在组件树中可视化可组合物的方法，例如给定以下代码：

    @Composable
    fun TodoScreen(....) {
    
    Column(){
    LazyColumn{
    
    ...}
    Row{
    
    Button(){....}
    Text(){...}
    
    }
    
    }
}

请让我知道是否有一种方法可以在 Android Studio Arctic Fox 上显示类似于上述 Android View Hierachy Image 的组件树。

Answer 1

您可以使用 View -> Tool Windows -> Layout Inspector