Flutter中如何移除SizedBox的默认内边距？

你遇到的问题根源不在SizedBox或外层Container，而是ListTile组件自带默认的内边距和最小高度，所以给Container设padding: EdgeInsets.zero不会生效。下面是几个可行的解决办法：

1. 直接修改ListTile的默认样式 #

通过ListTile的内置属性，直接去掉它的内边距并缩小高度，这是最直接的方法：

Container( // container holding the main setting buttons
  child: Padding(
    padding: const EdgeInsets.only(top: 20, bottom: 0, left: 30, right: 30),
    child: Container(
      width: double.infinity,
      decoration: BoxDecoration(
        border: Border.all(color: Colors.black, width: 2.5),
        borderRadius: BorderRadius.circular(25)
      ),
      padding: const EdgeInsets.only(left: 7, top: 7, right: 10, bottom: 8),
      child: Column(
        children: [
          Material(color: Colors.transparent,
            child: SizedBox(width: 250.0, child: ListTile(
              onTap:(){}, 
              title:Text("Privacy"),
              leading: Icon(Icons.add_circle_outline),
              contentPadding: EdgeInsets.zero, // 移除左右内边距
              minVerticalPadding: 0, // 移除上下内边距
              minTileHeight: 40, // 自定义最小高度，按需调整
            ))),
          ),
          Material(
            child: SizedBox(width: 250.0, child: ListTile(
              onTap:(){},
              title:Text("Terms of Service"),
              leading: Icon(Icons.add_circle_outline),
              contentPadding: EdgeInsets.zero,
              minVerticalPadding: 0,
              minTileHeight: 40,
            )),
          ),
          Material(
            child: SizedBox(width: 250.0, child: ListTile(
              onTap:(){},
              title:Text("Community Rules"),
              leading: Icon(Icons.add_circle_outline),
              contentPadding: EdgeInsets.zero,
              minVerticalPadding: 0,
              minTileHeight: 40,
            )),
          ),
        ]
      ),
    ),
  ),
),

2. 替换ListTile为自定义Row组件 #

如果需要更极致的控制，直接用Row代替ListTile，完全自定义布局，避免ListTile的默认样式限制：

Container( // container holding the main setting buttons
  child: Padding(
    padding: const EdgeInsets.only(top: 20, bottom: 0, left: 30, right: 30),
    child: Container(
      width: double.infinity,
      decoration: BoxDecoration(
        border: Border.all(color: Colors.black, width: 2.5),
        borderRadius: BorderRadius.circular(25)
      ),
      padding: const EdgeInsets.only(left: 7, top: 7, right: 10, bottom: 8),
      child: Column(
        children: [
          Material(color: Colors.transparent,
            child: SizedBox(
              width: 250.0,
              child: InkWell( // 用InkWell实现点击效果
                onTap:(){},
                child: Row(
                  children: [
                    Icon(Icons.add_circle_outline),
                    SizedBox(width: 12), // 自定义图标和文字的间距
                    Text("Privacy"),
                  ],
                ),
              ),
            )),
          ),
          Material(
            child: SizedBox(
              width: 250.0,
              child: InkWell(
                onTap:(){},
                child: Row(
                  children: [
                    Icon(Icons.add_circle_outline),
                    SizedBox(width: 12),
                    Text("Terms of Service"),
                  ],
                ),
              ),
            ),
          ),
          Material(
            child: SizedBox(
              width: 250.0,
              child: InkWell(
                onTap:(){},
                child: Row(
                  children: [
                    Icon(Icons.add_circle_outline),
                    SizedBox(width: 12),
                    Text("Community Rules"),
                  ],
                ),
              ),
            ),
          ),
        ]
      ),
    ),
  ),
),

3. 缩小Column的子元素间距 #

如果还想进一步压缩按钮之间的垂直间距，可以给外层Column添加mainAxisSpacing属性：

Column(
  mainAxisSpacing: 2, // 自定义子元素之间的垂直间距，按需调整
  children: [
    // ... 按钮组件
  ]
)

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