Flutter iOS端ListTile出现意外水平边距的解决方法

针对你遇到的iOS平台上ListTile存在不期望的水平边距问题，这里提供两个可行的解决方案：

方案一：调整ListTile内置参数 #

ListTile在iOS平台有默认的边距与间距设置，仅设置contentPadding无法彻底消除边距，需要组合调整多个参数：

const child = ListTile(
  contentPadding: EdgeInsets.zero, // 清除内容区域内边距
  horizontalTitleGap: 0, // 移除标题与leading区域的间距
  minLeadingWidth: 0, // 清除leading区域的最小宽度限制
);

如果你的ListTile不需要leading或trailing组件，以上参数组合可以完全去掉左右两侧的多余边距。

方案二：自定义列表项替代ListTile #

如果ListTile的默认样式限制过多，直接用Container+Row自定义列表项，实现完全的布局控制：

// 自定义无多余边距的列表项
Widget customListTile() {
  return Container(
    height: 56, // 匹配ListTile默认高度
    width: double.infinity,
    child: Row(
      crossAxisAlignment: CrossAxisAlignment.center,
      children: [
        // 这里添加你需要的内容，比如图标、文本等
      ],
    ),
  );
}

之后将代码里的const child = ListTile();替换为这个自定义组件即可。

注意：你当前代码中的ListTile是空组件，实际填充内容后，也要确保没有额外的padding设置干扰布局。

内容的提问来源于stack exchange，提问作者BerkoBob