如何提取颤振/飞镖解析树？答案

【问题标题】：How to extract flutter/dart parse tree?如何提取颤振/飞镖解析树？
【发布时间】：2021-03-06 02:13:06
【问题描述】：

如何从flutter文件中提取所有类之间的关系？

例如，在下面的代码中，期望的输出应该是

1- 我有小部件 RotationTransition

2- RotationTransition 有一个 Stack 类型的子节点

3- 堆栈有孩子（定位，居中）

4- Positioned 有一个 FlutterLogo 类型的子级

5- Center 有一个 FlutterLogo 类型的子节点

（如果以树形表示会更好：D）任何想法我怎样才能得到这样的输出？

RotationTransition(
        turns: animation,
        child: Stack(
          children: [
            Positioned.fill(
              child: FlutterLogo(),
            ),
            Center(
              child: Text(
                'Click me!',
                style: TextStyle(
                  fontSize: 60.0,
                  fontWeight: FontWeight.bold,
                ),
              ),
            ),
          ],
        ),
      ),

【问题讨论】：

标签： dart flutter

【解决方案1】：

您可以使用 Dart DevTools。它提供了所有的小部件树，如下所示。

【讨论】：

【解决方案2】：

如果你正在使用 VSCode ，你可以使用飞镖工具点击这个图标打开飞镖然后会打开

这里所有的小部件都将以树形形式显示，那里也有详细信息

【讨论】：