dart – Flutter中可折叠列表小部件的选项有哪些?

前端之家收集整理的这篇文章主要介绍了dart – Flutter中可折叠列表小部件的选项有哪些?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要在我的项目中根据主题让一些列表崩溃,并且我想知道我是否需要从零实现它,或者更确切地说使用flutter中的组件.这个组件是否存在?

提前致谢 :)

解决方法

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

Expansion Panel Demo& Two-level List Demo

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

这是一个片段,通过传递回调和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()
        ),

enter image description here

enter image description here

猜你在找的Flutter相关文章