class ExpansionPanelDemo extends StatefulWidget {
@override
_ExpansionPanelDemoState createState() => _ExpansionPanelDemoState();
}
class _ExpansionPanelDemoState extends State<ExpansionPanelDemo> {
bool _isExpanded = false;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text('ExpansionPanelDemo'), elevation: 0.0,),
body: Container(
padding: EdgeInsets.all(16.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
ExpansionPanelList( // 點擊折疊按鈕實現(xiàn)面板的伸縮
expansionCallback: (int panelIndex, bool isExpanded) {
setState(() {
_isExpanded = !isExpanded;
});
},
children: [
ExpansionPanel(
headerBuilder: (BuildContext context, bool isExpanded) {
return Container(
padding: EdgeInsets.all(16.0),
child: Text('Panel A', style: Theme.of(context).textTheme.title,),
);
},
body: Container(
padding: EdgeInsets.all(16.0),
width: double.infinity,
child: Text('Content for Panel A.'),
),
isExpanded: _isExpanded, // 設(shè)置面板的狀態(tài)关斜，true展開匀泊，false折疊
),
],
),
],
),
),
);
}
}
flutter折疊面板ExpansionPanel
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來寥闪，“玉大人太惠，你說我怎么就攤上這事∑１铮” “怎么了凿渊？”我有些...
- 文/不壞的土叔 我叫張陵，是天一觀的道長缚柳。 經(jīng)常有香客問我埃脏，道長，這世上最難降的妖魔是什么秋忙？ 我笑而不...
- 正文 為了忘掉前任彩掐，我火速辦了婚禮，結(jié)果婚禮上灰追，老公的妹妹穿的比我還像新娘堵幽。我一直安慰自己，他們只是感情好弹澎，可當我...
- 文/花漫 我一把揭開白布朴下。 她就那樣靜靜地躺著，像睡著了一般裁奇。 火紅的嫁衣襯著肌膚如雪桐猬。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼夯膀！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起诱建，我...
- 正文 年R本政府宣布围辙，位于F島的核電站，受9級特大地震影響姚建，放射性物質(zhì)發(fā)生泄漏矫俺。R本人自食惡果不足惜掸冤，卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望稿湿。 院中可真熱鬧铅匹，春花似錦饺藤、人聲如沸流礁。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至丸卷，卻和暖如春枕稀，著一層夾襖步出監(jiān)牢的瞬間谜嫉，已是汗流浹背凹联。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 在element-ui的Carousel跑馬燈和Collapse折疊面板中掙扎好久蚌铜，終于將兩者完美結(jié)合；先上效果感...
- HTML 部分 script部分 //使用 var myCollapse = new Collapse("coll...
- 1. 使用指南 在 app.json 或 index.json 中引入組件es6 es5 2. 代碼演示 2.1 ...
- 動態(tài)面板的狀態(tài)切換审葬，實現(xiàn)折疊菜單。 1奕谭、 拖入三個動態(tài)面板，命名為P1展箱、P2旨枯、P3，分別添加兩個狀態(tài)S1和S2攀隔。每...
