flutter - 如何在 Flutter 中为 ExpansionPanel 添加背景颜色
问题描述
我正在尝试在 Flutter 中设置 ExpansionPanel 的样式,但颜色不适用于整个面板。我已经尝试过 Container 和 Card 小部件,颜色没有更新。有任何想法吗?我想添加背景颜色以覆盖整个扩展面板。有没有办法将父主题添加到扩展面板。
卡片
Card(
elevation: 2.0,
color: Theme.of(context).primaryColor,
margin: EdgeInsets.only(left: 10.0,right: 10.0,top: 10.0),
child: ExpansionPanelList(
expansionCallback: (int index, bool isExpanded) {
setState(() {
_items[index].isExpanded = !_items[index].isExpanded;
Timer(Duration(milliseconds: 200), () {
setState(() {
_reconfigureFAB();
});
});
});
},
children: _items.map((IncludedItem item) {
return ExpansionPanel(
headerBuilder: (BuildContext context, bool isExpanded) {
return Container(
padding: EdgeInsets.only(left: 18.0),
child: Row(children: [
Text(
"What's included",
textAlign: TextAlign.start,
style: TextStyle(
fontFamily: 'Bold',
fontSize: 33.0,
color: Theme.of(context).backgroundColor),
),
]),
);
;
},
isExpanded: item.isExpanded,
body: Container(
child: Text("body"),
),
);
}).toList(),
),
);
容器
Container(
color: Theme.of(context).primaryColor,
margin: EdgeInsets.only(left: 10.0,right: 10.0,top: 10.0),
child: ExpansionPanelList(
expansionCallback: (int index, bool isExpanded) {
setState(() {
_items[index].isExpanded = !_items[index].isExpanded;
Timer(Duration(milliseconds: 200), () {
setState(() {
_reconfigureFAB();
});
});
});
},
children: _items.map((IncludedItem item) {
return ExpansionPanel(
headerBuilder: (BuildContext context, bool isExpanded) {
return Container(
padding: EdgeInsets.only(left: 18.0),
child: Row(children: [
Text(
"What's included",
textAlign: TextAlign.start,
style: TextStyle(
fontFamily: 'Bold',
fontSize: 33.0,
color: Theme.of(context).backgroundColor),
),
]),
);
;
},
isExpanded: item.isExpanded,
body: Container(
child: Text("body"),
),
);
}).toList(),
),
);
解决方案
推荐阅读
- google-cloud-storage - 通过 PHP 客户端调用 Google Cloud Storage 时未引发错误/异常返回 null
- javascript - e.preventDefault() 之后的链接不加载,没有 jQuery
- mongodb - 如果数组上存在值然后不更新并返回 id 已经存在的错误,那么 mongodb 的有效查询是什么
- python - 如何从python3中的列表中提取元素?我试过了,但我所做的没有用
- google-cloud-ml - 使用 AI Platfrom 进行超参数调整多次尝试相同的值
- excel - 使用 VBA 清除不连续单元格内容的最快方法
- r - r 数据框检查下 n 个变量
- php - 从一个刀片传递值,但不一定从其他刀片传递
- apache-kafka - 如何使用命令行创建 Kafka 消费者组?
- r - 基于列向量的匹配