Question

当我需要显示诸如“屏幕下方”之类的设计时，我正在制作一个屏幕，并带有树状视图和连接器。如果有人可以从概念上建议我如何创建这样的设计，那将是非常有用的帮助。到目前为止，我已经尝试过Gridview和tree_view。

GridView.count(
  // Create a grid with 2 columns. If you change the scrollDirection to
  // horizontal, this produces 2 rows.
  crossAxisCount: 2,
  // Generate 100 widgets that display their index in the List.
  children: List.generate(100, (index) {
    return Center(
      child: Text(
        'Item $index',
        style: Theme.of(context).textTheme.headline,
      ),
    );
  }),
);

Answer 1

使用名为 GraphView 的公共 Flutter 包

<块引用>

Flutter GraphView 用于以图形结构显示数据。它可以显示树状布局、有向图和分层图。对家庭有用树，层次结构视图。

该库旨在支持不同的图形布局，目前适用于小图形。

Answer 2

graphite 有点类似设计，

DirectGraph(
        list: list,
        cellWidth: 136.0,
        cellPadding: 24.0,
        orientation: MatrixOrientation.Vertical,
      )

如何在Flutter中创建树形视图布局？

2 个答案: