Flutter开发：折叠效果对应的组件使用

前言

在Flutter开发中，熟练使用各种组件是必备技能，尤其是实际开发需求是错综复杂的，各种奇葩需求，必须要对常用的组件使用要很熟悉才行，那么本文就来分享一个在Flutter开发中比较常用的效果，表格折叠，或者说是对于table列表进行折叠的效果，这也是基于移动端开发的特点。接下来就来介绍一下关于Flutter开发中折叠组件的使用以及折叠效果实现的操作。

折叠效果

Flutter中的折叠效果主要是通过使用ExpansionPanel，结合使用headerBuilder和body来实现。

折叠组件

Flutter中的实现折叠效果的组件就是ExpansionPanelList和ExpansionPanel组合使用。

ExpansionPanelList ：扩展列表的组件，类似ListView组件；

ExpansionPanel：类似于ListView中子View，也包含有扩展头和折叠部分；

注意：ExpansionPanelList需要被SingleChildScrollView包裹，否则会抛出异常。

1、ExpansionPanelList的源码：

const ExpansionPanelList({    Key? key,    this.children = const <ExpansionPanel>[],    this.expansionCallback,    this.animationDuration = kThemeAnimationDuration,    this.expandedHeaderPadding = _kPanelHeader

Flutter开发：折叠效果对应的组件使用相关推荐

Flutter开发：给image设置圆角的方法
在Flutter开发过程中,一些基本的实现效果是层出不穷,各种基础性的设置都需要开发者很好的掌握,这样在开发过程中才能快速的开发,提高开发效率和进度.那么本博文分享一个在Flutter开发过程中比较常 ...
#Android笔记# 超级足球app 开发总结（三）—— CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout实现两种折叠效果
最近利用业余时间,开发了一款基于懂球帝接口数据的足球资讯app,整体的UI也是仿照懂球帝设计的.这是一个比较综合的项目,用到了不少以前没用过的组件和api,而且产生了很多新的开发思路,有些实现方式也是 ...
iOS开发 - 图片实现多层折叠效果
为什么80%的码农都做不了架构师?>>> #效果 #Demo Demo地址:https://github.com/Resory/RYMutipleFoldImageView 如 ...
Flutter开发之《头条 Flutter iOS 混合工程实践》笔记（54)
摘自:头条 Flutter iOS 混合工程实践从 App Store 下载或更新头条(6.9.2 或以上版本),找到懂车帝 -> 热门车型,点击打开后即可体验 Flutter 的页面效果. ...
Flutter开发使用PlatformView显示iOS原生View（50)
我们在使用Flutter开发跨平台开发移动APP时,会遇到Flutter的组件满足不了原生的效果,部分控件不如原生控件好用时,就想在Flutter 的Widget 中使用iOS原生View来组合实现良 ...
Flutter开发之官网的第一个例子实现（46)
参考: 编写您的第一个 Flutter App Flutter开发我的收藏列表准备数据:列表数据使用数组存储,选中的数据可以使用Set存储(因为set可以自动去重). 界面列表:使用ListView ...
Flutter开发之环境搭建
Flutter简介 Flutter 是Google开发的一个移动跨平台(Android 和 iOS)的开发框架,使用的是 Dart 语言.和 React Native 不同的是,Flutter 框架并 ...
flutter上拉抽屉效果 flutter拖动抽屉效果
题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精,即是折腾每一天. 重要消息网易云[玩转大前端]配套课程 EDU配套教程 Flutter开发的点滴积累系列文章示例一示例二 1. ...
使用Flutter开发Github客户端及学习历程的小结
本文已授权「玉刚说」微信公众号独家原创发布本文笔者将尝试分享个人针对Flutter的学习并搭建一个Flutter应用的过程. 在这一个月学习Flutter的过程中,我不可避免的走了很多弯路, ...

Flutter开发：折叠效果对应的组件使用

前言

折叠效果

折叠组件

Flutter开发：折叠效果对应的组件使用相关推荐

最新文章

热门文章