【发布时间】:2021-04-04 14:00:48
【问题描述】:
如何删除 ExpansionTile 中前导 Widget 中的垂直填充,使其看起来像下面的 ListTile?
这是我的代码:
Container(
decoration: BoxDecoration(
border: Border.all(color: Color.fromRGBO(200, 200, 200, 1), width: 2),
borderRadius: BorderRadius.all(Radius.circular(10)),
),
child: ListTileTheme(
contentPadding: EdgeInsets.zero,
dense: true,
child: ExpansionTile(
childrenPadding: EdgeInsets.zero,
tilePadding: EdgeInsets.zero,
title: Padding(
padding: const EdgeInsets.symmetric(horizontal: 20),
child: Text(Constants.texts.chooseFromList,
style: Constants.textStyles.lightGreyMediumSize),
),
children: [
Text('One'),
Text('Two'),
Text('Three'),
],
trailing: Image.asset(
'assets/icons/snn_app_ubytovanie_filter_open_button_merged_idle_crop.png',
)),
),
)
ListTile 下的代码如下:
Container(
decoration: BoxDecoration(
border: Border.all(
color: Color.fromRGBO(200, 200, 200, 1), width: 2),
borderRadius: BorderRadius.all(Radius.circular(10)),
),
child: ListTileTheme(
contentPadding: EdgeInsets.zero,
dense: true,
child: ListTile(
title: Padding(
padding: const EdgeInsets.symmetric(horizontal: 20),
child: Text("Here it works!",
style: Constants.textStyles.lightGreyMediumSize),
),
trailing: Image.asset(
'assets/icons/snn_app_ubytovanie_filter_open_button_merged_idle_crop.png',
),
),
),
)
我已经从颤振 repo 复制粘贴和重构 ExpansionTile 的源代码,但我似乎无法弄清楚导致填充的原因。非常感谢任何建议。
【问题讨论】: