4

我正在使用一个抽屉,里面有一张瓷砖清单。每个单独的图块后面都有一个图像和一个文本。所以我把上面提到的小部件排成一排。令我惊讶的是,我发现文本和标题之间有一些无法解释的填充。为了更好地理解,我附上了一个图块的屏幕截图:

平铺示例

欢迎任何建议!谢谢!。

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

这是与我分享的图像相对应的颤振检查器屏幕截图:

颤振检查员

我添加debugPaintSizeEnabled=true并得到了这个:

带调试油漆的瓷砖

4

2 回答 2

2

如何使用 contentPadding

ListTile(
             contentPadding:EdgeInsets.all(0),
             dense: true,
             leading: new Image.asset(
              leading,
              color: Colors.white,
             ),
             title: new Row(
              children: rowChildren,
             ),
            ),
于 2020-04-17T13:59:36.233 回答
0

我修好了!!!。解决方法是,不要在主属性中给出主图像,而是将它添加到同一行中。差距消失!

List<Widget> rowChildren = [];

rowChildren.add(
    PaddingUtils.embedInPadding(
        new Image.asset(
          $imagePath,
        ),
        new EdgeInsets.only(right: 8.0)),
  );
于 2018-07-13T10:11:24.307 回答