我需要删除 ListTile 中前导 Widget 和标题 Widget 之间的一些填充。 它有太多的空格。 有没有办法做到这一点？ 我使用的代码是这样的：
ListTile _getActionMenu(String text, IconData icon, Function() onTap) {
return new ListTile(
leading: new Icon(icon),
title: new Text(text),
onTap: onTap,
);
}
【问题讨论】：
您可以在 ListTile 上使用 minLeadingWidth。 默认值为 40，因此您可以使用较低的值来使您的前导和标题更接近。
ListTile(
leading : Icon(Icons.settings),
title : Text("Settings"),
minLeadingWidth : 10,
);
【讨论】：
1.27.0-8.0.pre（稳定版是currently at 1.22.6）。
flutter upgrade just upgraded to 2.0.0。如果我没看错，这似乎包括所有开发（和测试版）频道更改（开发现在有一个更新的2.1.0-10.0.pre 构建）。我仍在稳定频道上，此选项 minLeadingWidth 现在可用。
正如 Dinesh 指出的 here，ListTile 已收到 minLeadingWidth 属性。
默认值为40，所以要通过x减少前导和标题之间的空间@通过minLeadingWidth: 40 - x。
Align 结果将取决于文本和图块宽度。
使用Transform.translate 以获得一致的结果。
ListTile(
leading: Icon(icon),
title: Transform.translate(
offset: Offset(-16, 0),
child: Text('Some text'),
),
);
【讨论】：
对于那些现在正在寻找一个干净的单行答案的人。你可以使用
ListTile(
horizontalTitleGap: desiredDoubleValue,
);
【讨论】：
此代码是解决方案
...
contentPadding:EdgeInsets.all(0),
...
【讨论】：
使用horizontalTileGap：
ListTile(
horizontalTitleGap: 0,
leading: CircleAvatar(
radius: 50,
backgroundImage:
NetworkImage("https://picsum.photos/250?image=1"),
),
title: Text("Image 6"),
),
【讨论】：
将 HorizontalTitleGap 设置为 0
ListTile(
contentPadding: EdgeInsets.zero,
minLeadingWidth: 5,
***horizontalTitleGap: 0,***
leading: widget,
title: widget ,
)
【讨论】：
只需添加：contentPadding: EdgeInsets.zero,即可解决
【讨论】：
您可以使用Align 并指定Alignment。
ListTile _getActionMenu(String text, IconData icon, Function() onTap) {
return new ListTile(
leading: new Icon(icon),
title: Align(
child: new Text(text),
alignment: Alignment(-1.2, 0),
),
onTap: onTap,
);
}
【讨论】：
我发现的一个丑 解决方法是在标题部分放置一个 Row 小部件，然后将图标和文本放在该 Row 中，中间有一个 SizedBox。这样您就可以控制它们之间需要多少空间：
ListView(
shrinkWrap: true,
children: <Widget>[
ListTile(
title: Row(
children: <Widget>[
Icon(Icons.android),
SizedBox(
width: 5, // here put the desired space between the icon and the text
),
Text("Title") // here we could use a column widget if we want to add a subtitle
],
),
)
],
)
【讨论】：
现在 ListTile 具有 minLeadingWidth 的属性。
例子
ListTile(
minLeadingWidth: 15,
leading: Icons(Icons.search),
title: Text("Data");
【讨论】：
这几天我也遇到同样的问题，最后我发布了一个可以解决这个问题的包。
该包在https://pub.dev/packages/list_tile_more_customizable 可用，通过这个包我们可以设置horizontalTitleGap，当它设置为0.0（零）时，前导和标题之间的填充将为零。
用法：
ListTileMoreCustomizable(
title: Text("Title"),
trailing: Icon(Icons.people),
horizontalTitleGap: 0.0,
onTap: (details){},
onLongPress: (details){},
);
已编辑：
这种方法对我很有用，而且代码在 BSD 许可证下可在https://github.com/Playhi/list_tile_more_customizable （原始代码太长）获得，我很难理解为什么一个用户在没有提交任何问题的情况下对答案投了反对票。
【讨论】：
相反，您可以创建自己的小部件，如下所示：
text_icon.dart 的小部件文件
import 'package:flutter/material.dart';
class TextIcon extends StatelessWidget {
final String title;
final IconData icon;
final String button;
const TextIcon({Key key, this.title, this.icon, this.button}) : super(key: key);
@override
Widget build(BuildContext context) {
final theme = Theme.of(context);
return Padding(
padding: const EdgeInsets.only(bottom: 24.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
Icon(
icon,
size: 18,
),
SizedBox(width: 5),
Text(
title,
style: theme.textTheme.subhead.copyWith(fontSize: 13),
),
],
),
);
}
}
在屏幕中调用您的小部件
TextIcon(icon: Icons.pause_circle_filled, title: "John Doe")
【讨论】：
我认为ListTile 不是正确的小部件，更优雅的方法是：
FlatButton.icon(
onPressed: null,
icon: Icon(
Icons.flag_rounded,
color: Colors.white,
),
label: Text('Title'))
【讨论】：