user-interface - Flutter Widget 显示嵌套树结构？

Question

我们有一个 N 级(最大可能在 10 左右)嵌套数据结构，基本上类似于文件夹布局..

任何级别的每个节点都是 Mime 类型的要显示的内容或 URL ..

我的问题实际上很简单.. 是否有任何可用的 Fluter Widget 可以显示这种类型的结构——允许在任何父级通用“打开/关闭”等？？

这似乎是股票工具箱中没有的一个非常基本的 UI 元素，但我没有找到任何运气..

TIA!

/史蒂夫

Answer 1

在过去的几周里，我一直在研究 TreeView 小部件，并提出了一个基本结构。它现在在 pub 中可用用来。一旦你真正知道如何去做，工作就很容易了。我不得不承认，文档从来都不是我的强项，但如果有人对此有任何问题，只需在 Github 上添加问题即可。页面。

也欢迎任何改进项目的建议。

示例代码

假设这是我们想要使用 TreeView 小部件实现的目录结构

Desktop
|-- documents
|   |-- Resume.docx
|   |-- Billing-Info.docx
|-- MeetingReport.xls
|-- MeetingReport.pdf
|-- Demo.zip

在这个例子中

1. Resume.docx 和 Billing-Info.docx 是 Child 小部件，其中 documents 作为 家长。
2. documents、MeetingReport.xls、MeetingReport.xls 和 Demo.zip 是 Child 以 Desktop 作为 Parent 小部件的小部件。

var treeView = TreeView(
  parentList: [
    Parent(
      parent: Text('Desktop'),
      childList: ChildList(
        children: [
          Parent(
            parent: Text('documents'),
            childList: ChildList(
              children: [
                Text('Resume.docx'),
                Text('Billing-Info.docx'),
              ],
            ),
          ),
          Text('MeetingReport.xls'),
          Text('MeetingReport.pdf'),
          Text('Demo.zip'),
        ],
      ),
    ),
  ],
);

这根本不会产生任何花哨的东西。但是除了所有的 Text 小部件，您可以传递任何复杂的小部件，它仍然可以工作。

使用 TreeView

的应用程序截屏