【问题标题】:What are the options of collapsable list widgets in Flutter?Flutter 中的可折叠列表小部件有哪些选项?
【发布时间】:2018-08-26 10:50:04
【问题描述】:

我需要让一些列表在我的项目中按他们的主题折叠,我想知道我是否需要从零开始实现它,或者更确切地说是使用颤振的组件。这个组件存在吗?

提前致谢:)

【问题讨论】:

  • 按他们的主题折叠 ??
  • 抱歉不清楚。我希望它看起来像 accordion,其中部分的内容是 ListViews

标签: dart flutter flutter-layout


【解决方案1】:

Flutter Gallery 有两个示例可能与您的手风琴式列表相关。

Expansion Panel Demo & Two-level List Demo

扩展面板演示可能是您想要的。如果是这样,看看演示如何利用ExpansionPanel 并使用headerBuilderbody。您可以扩展它以使标题和正文尽可能复杂。 Gallery 演示添加了一个 DemoItem 助手类。您可以使用此模式或提出自己的设计。

这是一个 sn-p,它通过传递回调和 DemoItems 的列表来显示使用 ExpansionPanelList 的演示:

        child: new ExpansionPanelList(
          expansionCallback: (int index, bool isExpanded) {
            setState(() {
              _demoItems[index].isExpanded = !isExpanded;
            });
          },
          children: _demoItems.map((DemoItem<dynamic> item) {
            return new ExpansionPanel(
              isExpanded: item.isExpanded,
              headerBuilder: item.headerBuilder,
              body: item.build()
            );
          }).toList()
        ),

【讨论】:

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-08-02
  • 1970-01-01
  • 2011-04-08
  • 2014-01-12
相关资源
最近更新 更多