gpt4 book ai didi

Flutter ExpansionTile 标题垂直填充

转载 作者:行者123 更新时间:2023-12-04 08:21:44 25 4
gpt4 key购买 nike

如何删除 ExpansionTile 中前导 Widget 中的垂直填充,使其看起来像下面的 ListTile?
how can I remove padding?
这是我的代码:

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',
),
),
),
)
我已经从 flutter repo 复制和粘贴并重构了 ExpansionTile 的源代码,但我似乎无法弄清楚是什么导致了填充。请提供任何建议,不胜感激。

最佳答案

好的,所以我发现在原始 ExpansionTile 源代码中,存在间隙实际上是透明边框:

Container(
decoration: BoxDecoration(
color: _backgroundColor.value ?? Colors.transparent,
border: Border(
top: BorderSide(color: borderSideColor),
bottom: BorderSide(color: borderSideColor),
),
),
虽然它是从 backgroundColor 参数派生它的颜色,但我发现解决我的问题的唯一方法是编辑原始 ExpansionTile 的源代码并删除 BoxDecoration。希望这可以帮助任何有同样问题的人。

关于Flutter ExpansionTile 标题垂直填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65466753/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com