Question

我正在使用一个带有瓷砖列表的抽屉。每个瓷砖都有一个图像和一个跟随其后的文本。因此我将上述小部件放在一行中。令我惊讶的是，我发现其中有些原因无法解释在文本和标题之间添加空白。我附上了磁贴的屏幕截图，以便于更好地理解 here。欢迎任何建议！谢谢！。

我添加了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,
        ),
      )
    ],
  ),
);

和this是与我共享的图像相对应的Flutter Inspector屏幕截图。

我添加了debugPaintSizeEnabled = true并得到了 this

Answer 1

如何使用contentPadding

ListTile(
             contentPadding:EdgeInsets.all(0),
             dense: true,
             leading: new Image.asset(
              leading,
              color: Colors.white,
             ),
             title: new Row(
              children: rowChildren,
             ),
            ),

Answer 2

我已修复它！！解决方案是，与其在前导属性中提供前导图像，不如在同一rowChildren中添加它。差距消失了！

List<Widget> rowChildren = [];

rowChildren.add(
    PaddingUtils.embedInPadding(
        new Image.asset(
          $imagePath,
        ),
        new EdgeInsets.only(right: 8.0)),
  );

如何删除默认情况下列表图块随附的内容填充？

2 个答案: