前言
在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
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/374823.html
標籤:其他
上一篇:Android 重新回顧經典異步類 AsyncTask
下一篇:百度地圖定位
