如何删除列表磁贴默认附带的内容填充?
How to remove the content padding that the list tile comes with by default?
我正在使用一个有瓷砖列表的抽屉。每个单独的图块都有一个图像和一个文本。所以我把上面提到的小部件放在一行中。令我惊讶的是,我发现文本和标题之间有一些无法解释的填充。为了更好地理解,我附上了一张图块的屏幕截图:
欢迎任何建议!。谢谢!
我添加了 rowChildren
这是一个小部件列表,因为我的列表图块标题可能包含文本和一些图像 :
child = new Container(
child: new Column(
children: <Widget>[
new ListTile(
dense: true,
leading: new Image.asset(
leading,
color: Colors.white,
)
title: new Row(
children: rowChildren,
),
)
],
),
);
这是我分享的图片对应的 flutter inspector 截图:
我添加了 debugPaintSizeEnabled=true
并得到了这个:
我修好了!!!解决方案是,不要在 leading 属性中提供前导图像,而是将其添加到同一行子项中。差距消失了!
List<Widget> rowChildren = [];
rowChildren.add(
PaddingUtils.embedInPadding(
new Image.asset(
$imagePath,
),
new EdgeInsets.only(right: 8.0)),
);
如何使用 contentPadding
ListTile(
contentPadding:EdgeInsets.all(0),
dense: true,
leading: new Image.asset(
leading,
color: Colors.white,
),
title: new Row(
children: rowChildren,
),
),
我正在使用一个有瓷砖列表的抽屉。每个单独的图块都有一个图像和一个文本。所以我把上面提到的小部件放在一行中。令我惊讶的是,我发现文本和标题之间有一些无法解释的填充。为了更好地理解,我附上了一张图块的屏幕截图:
欢迎任何建议!。谢谢!
我添加了 rowChildren
这是一个小部件列表,因为我的列表图块标题可能包含文本和一些图像 :
child = new Container(
child: new Column(
children: <Widget>[
new ListTile(
dense: true,
leading: new Image.asset(
leading,
color: Colors.white,
)
title: new Row(
children: rowChildren,
),
)
],
),
);
这是我分享的图片对应的 flutter inspector 截图:
我添加了 debugPaintSizeEnabled=true
并得到了这个:
我修好了!!!解决方案是,不要在 leading 属性中提供前导图像,而是将其添加到同一行子项中。差距消失了!
List<Widget> rowChildren = [];
rowChildren.add(
PaddingUtils.embedInPadding(
new Image.asset(
$imagePath,
),
new EdgeInsets.only(right: 8.0)),
);
如何使用 contentPadding
ListTile(
contentPadding:EdgeInsets.all(0),
dense: true,
leading: new Image.asset(
leading,
color: Colors.white,
),
title: new Row(
children: rowChildren,
),
),