如何解决如何在 ExpansionPanel 内的 headerBuilder 上应用背景图像 - Flutter
我正在尝试设置 Flutter 中 ExpansionPanel
内的 ExpansionPanelList
样式,但背景图像不适用于面板的整个标题区域。
我想在 expandPanel 的 headerbuilder
上应用背景图片。
Currenlty 我正在尝试借助堆栈并为其提供背景图像。这样做,图像覆盖了大部分标题构建器区域,但未覆盖 expansionPanel
箭头下方的区域。
我希望背景图片也覆盖扩展面板箭头下方的区域。我该怎么做?
ExpansionPanelList(
expansionCallback: (index,isExpanded) { // Some code },children: _items.map((MyItem _item) {
return ExpansionPanel(
canTapOnHeader: true,backgroundColor: Colors.yellow,// Want to add the picture in the background of
// header builder
headerBuilder: (context,isExpanded) {
return Stack(
children: [
// >>>>>>>>>>>>>> Image
Container(
child: Image.network(
_item.prodCtgData
.pic,width: double.infinity,fit: BoxFit.fitWidth,),// >>>>>>>>>>>>>> Text
Container(
alignment: Alignment.centerLeft,child: Text("Data"),],);
},isExpanded: _item.isExpanded,body: GridView.count(
shrinkWrap: true,physics:
NeverScrollableScrollPhysics(),crossAxisCount: 4,children:[
//Some data
]
),);
}).toList(),
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。