如何缩短ListTile中leading组件的左右间距？

看起来你已经尝试了horizontalTitleGap和minLeadingWidth这两个属性，但还是存在左右间距的问题对吧？我来帮你梳理下几个可行的解决方案：

1. 调整ListTile默认的内容内边距 #

ListTile本身默认带有EdgeInsets.symmetric(horizontal: 16.0)的左右内边距，这是导致你看到左侧和右侧有额外空白的主要原因之一。你可以直接自定义这个值来缩小间距：

ListTile(
  contentPadding: EdgeInsets.symmetric(horizontal: 8.0), // 按需设置更小的数值，比如0
  horizontalTitleGap: 0,
  minLeadingWidth: 10,
  // 其他原有属性...
)

如果只想消除左侧间距，也可以更精准地设置：contentPadding: EdgeInsets.only(left: 0, right: 8.0)，完全根据你的布局需求调整。

2. 优化Leading组件的尺寸设置 #

你当前给leading的Container设置了width: 150，这个宽度其实会让leading区域占据很大空间，反而可能和你“缩短间距”的需求冲突。建议根据图标实际大小调整这个容器尺寸，比如：

leading: assetId != null
    ? Container(
        width: 40, // 缩小到适合图标的尺寸
        height: 40,
        decoration: BoxDecoration(
          border: Border.all(color: const Color.fromARGB(255, 255, 255, 255)),
          color: const Color.fromARGB(255, 255, 255, 255),
          shape: BoxShape.circle,
        ),
        child: LayoutBuilder(
          builder: (context, constraints) {
            return Image.asset(
              iconPass,
              fit: BoxFit.contain, // 用contain替代none，更适配容器
              // scale: 5 可以移除，通过fit和容器尺寸控制图标大小
            );
          },
        ),
      )
    : null,

另外要注意，minLeadingWidth只有当leading组件的宽度小于这个值时才会生效，你之前设置的10因为leading宽度是150，所以实际没起到作用。

3. 自定义Row布局（彻底掌控间距） #

如果ListTile的自带属性还是满足不了你的精细化需求，不如直接放弃ListTile，用Row来搭建整个卡片内容，这样能完全控制每个组件的间距：

return Container(
  height: 100,
  child: Card(
    shape: const RoundedRectangleBorder(
      borderRadius: BorderRadius.all(Radius.circular(0)),
    ),
    child: Padding(
      padding: const EdgeInsets.symmetric(horizontal: 8.0), // 自定义整体内边距
      child: Row(
        children: [
          // 自定义Leading区域
          assetId != null
              ? Container(
                  width: 40,
                  height: 40,
                  decoration: BoxDecoration(
                    border: Border.all(color: Colors.white),
                    color: Colors.white,
                    shape: BoxShape.circle,
                  ),
                  child: Image.asset(
                    iconPass,
                    fit: BoxFit.contain,
                  ),
                )
              : const SizedBox.shrink(),
          const SizedBox(width: 8.0), // 自定义Leading和标题的间距
          // 标题和副标题区域
          Expanded(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text(
                  name,
                  style: MyText(myFontSize: 15).style(),
                ),
                if (subTitle != null) subTitle,
              ],
            ),
          ),
          // Trailing区域
          iconNavigator(
            destinationTo: cards(),
            context: context,
            backForward: "forward",
            myIcon: const Icon(Icons.more_vert),
          ),
        ],
      ),
    ),
  ),
);

优先尝试前两种方案，毕竟基于ListTile修改更快捷；如果需要极致的布局控制，第三种自定义布局是最优选择。

备注：内容来源于stack exchange，提问作者SugiuraY