Flutter折叠展开列表的使用
Posted JackLee18
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Flutter折叠展开列表的使用相关的知识,希望对你有一定的参考价值。
flutter中官方其实已经封装好了折叠展开列表:ExpansionPanel,但是官方的可定制性太差,我今天主要说下如何简单实现一个自己的折叠展开列表。
状态控制
折叠展开列表,每一个父列表项都应该有一个状态记录,如果是关闭入状态,点击后就展开子列表,如果父列表是展开状态,那么点击就会将子列表关闭。
数据刷新
折叠展开的过程其实就是状态变化的过程,逻辑层面根据这个状态执行不同的逻辑流,返回不同的数据源,然后刷新来实现折叠展开的效果。具体源码如下:
isOpen是个状态变量,点击的时候只用改变这个变量,然后让页面刷新即可。其实ios,安卓也是这个思路。
推荐开源
推荐一个关于折叠展开列表的。
使用网址:https://blog.csdn.net/qq_25486413/article/details/80162095
源码网址:https://github.com/florent37/ExpansionPanel
以上是关于Flutter折叠展开列表的使用的主要内容,如果未能解决你的问题,请参考以下文章
FlutterAndroidFlutter 折叠屏适配 ( 展开大屏 | 折叠主屏 | 折叠副屏 | 静态展示 | 动态热切换适配 | 拉伸布局 | X 轴自适应适配 | 布局重构 )