enhance_expansion_panel
基于flutter 2.5.0 的原生组件功能升级版; Based on flutter 2.5.0 native component feature upgrade;
Features
TODO:
- 支持默认箭头隐藏;
- 支持自定义箭头;
- 支持箭头 leading 和 tailing 位置布局；
TODO in English
1.support for default arrow hiding;
2.support for custom arrow;
3.support for arrow leading and tailing location layout
Getting started
Example of pubsec.yaml
dependencies:
flutter:
sdk: flutter
enhance_expansion_panel:
git:
url: git@github.com:shang1219178163/enhance_expansion_panel.git
ref: main
Usage
TODO:
EnhanceExpansionPanelList(
//...
return EnhanceExpansionPanel(
//code ...
/// custom property
/// color
arrowColor: Colors.blue,
/// leading, tailing, none
arrowPosition: EnhanceExpansionPanelArrowPosition.tailing,
/// padding
arrowPadding: const EdgeInsets.all(5),
/// custome wiget
arrow: const Icon(Icons.keyboard_arrow_right, color: Colors.blue,),
/// custome wiget by isExpanded
arrowExpanded: const Icon(Icons.keyboard_arrow_down, color: Colors.red,),
/// custom property
headerBuilder: (BuildContext context, bool isExpanded) {
example
///build EnhanceExpansionPanelList
Widget buildExpansionPanelList() {
return SingleChildScrollView(
child: Container(
child: EnhanceExpansionPanelList(
dividerColor: Colors.red,
// elevation: 4,
expandedHeaderPadding: EdgeInsets.only(top: 0, bottom: 0),
expansionCallback: (int index, bool isExpanded) {
setState(() {
_data[index].isExpanded = !isExpanded;
});
},
children: _data.map<EnhanceExpansionPanel>((item) {
return EnhanceExpansionPanel(
isExpanded: item.isExpanded,
canTapOnHeader: true,
/// custom property
/// color
arrowColor: Colors.blue,
/// leading, tailing, none
arrowPosition: EnhanceExpansionPanelArrowPosition.tailing,
/// padding
arrowPadding: const EdgeInsets.all(5),
/// custome wiget
arrow: const Icon(Icons.keyboard_arrow_right, color: Colors.blue,),
/// custome wiget by isExpanded
arrowExpanded: const Icon(Icons.keyboard_arrow_down, color: Colors.red,),
/// custom property
headerBuilder: (BuildContext context, bool isExpanded) {
return Container(
// color: Colors.green,
child: ListTile(
title: Text(item.headerValue),
subtitle: Text("subtitle"),
// trailing: Icon(isExpanded ? Icons.expand_less : Icons.expand_more, color: Colors.red,),
// trailing: Icon(isExpanded ? Icons.keyboard_arrow_down : Icons.keyboard_arrow_right, color: Colors.red,),
),
);
},
body: _buildExpansionPanelBody(item.index),
);
}).toList(),
),
),
);
}
//## Additional information
Screenshot
