我正在尝试在ExpansionTile中获得某些外观,1.折叠后的纯标题颜色2.当标题中的展开渐变仅在不包含元素的正文中时。
我正在尝试使用此代码:
Theme(
data: ThemeData(
//brightness: Brightness.dark,
primaryColor: Colors.black87,
accentColor: Colors.black87,
dividerColor: Colors.transparent,
),
child: Container(
decoration: BoxDecoration(
border: Border.all(
width: 1, color: Color.fromRGBO(121, 85, 72, 1)),
gradient: LinearGradient(
begin: FractionalOffset.bottomCenter,
end: FractionalOffset.topCenter,
// stops: [0.1, 1.0],
// tileMode: TileMode.clamp,
colors: [
isExpanded
? Color.fromRGBO(255,255,255,100)
: Color.fromRGBO(197, 181, 176, 1),
Color.fromRGBO(197, 181, 176, 1)//closed solid
])),
// color: Colors.brown,
child: ExpansionTile(
//backgroundColor: Colors.amberAccent,
trailing: isExpanded //assets/collapse_arrow.png
? Image.asset('assets/collapse_arrow.png')
: Image.asset('assets/expand_arrow.png'),
onExpansionChanged: (bool expanding) =>
setState(() => isExpanded = expanding),
title: Text(
'Header',
style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold),
),
children: <Widget>[
_dropDownItem('Rank', _selectRankFamily2,
_rankFamily2, 'Select Rank'),
_dropDownItem('Rank', _selectRankFamily2,
_rankFamily2, 'Select Rank'),
_dropDownItem('Rank', _selectRankFamily2,
_rankFamily2, 'Select Rank')
],
),
),
),
因此,渐变不仅是标题,还有一种方法可以仅对标题部分进行渐变或纯色并且仅在扩展时进行?谢谢/
您要用容器包装整个扩展图块,而应该只包装标题小部件,这可能是您要寻找的内容
Theme(
data: ThemeData(
//brightness: Brightness.dark,
primaryColor: Colors.black87,
accentColor: Colors.black87,
dividerColor: Colors.transparent,
),
child: ExpansionTile(
//backgroundColor: Colors.amberAccent,
trailing: isExpanded //assets/collapse_arrow.png
? Image.asset('assets/collapse_arrow.png')
: Image.asset('assets/expand_arrow.png'),
onExpansionChanged: (bool expanding) =>
setState(() => isExpanded = expanding),
title: Container(
decoration: BoxDecoration(
border:
Border.all(width: 1, color: Color.fromRGBO(121, 85, 72, 1)),
gradient: LinearGradient(
begin: FractionalOffset.bottomCenter,
end: FractionalOffset.topCenter,
// stops: [0.1, 1.0],
// tileMode: TileMode.clamp,
colors: [
isExpanded
? Color.fromRGBO(255, 255, 255, 100)
: Color.fromRGBO(197, 181, 176, 1),
Color.fromRGBO(197, 181, 176, 1) //closed solid
])),
child: Text(
'Header',
style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold),
),
),
children: <Widget>[
_dropDownItem(
'Rank', _selectRankFamily2, _rankFamily2, 'Select Rank'),
_dropDownItem(
'Rank', _selectRankFamily2, _rankFamily2, 'Select Rank'),
_dropDownItem('Rank', _selectRankFamily2, _rankFamily2, 'Select Rank')
],
),
),