如何移除Flutter中DropdownButton组件的默认内边距

• 首先修改DropdownButton的自身属性，消除其默认内置的硬编码边距，添加3个核心属性：
  • isDense: true：压缩控件默认的最小高度约束
  • padding: EdgeInsets.zero：清空DropdownButton自身的内置内边距
  • itemHeight: 自定义高度值：替换默认的48最小高度，适配12号字体可以设置为30左右，可根据实际显示效果调整
• 如果你使用的是Flutter 3.3及以上版本，还可以添加dropdownPadding属性调整下拉展开后选项的内边距，进一步压缩空白
• 可以删除外层不必要的Center控件，避免多余的布局偏移

修改后的完整代码如下：

Container(
  // 可根据实际效果调整垂直padding控制整体高度
  padding: EdgeInsets.symmetric(horizontal: 10.w, vertical: 4.w),
  decoration: BoxDecoration(
    border: Border.all(color: AppColors().green, width: 6.w),
    borderRadius: BorderRadius.all(Radius.circular(25.r)),
  ),
  child: DropdownButtonHideUnderline(
    child: ButtonTheme(
      alignedDropdown: true,
      child: DropdownButton<String>(
        dropdownColor: AppColors().white,
        value: value,
        style: TextStyles().medium12,
        // 新增属性
        isDense: true,
        padding: EdgeInsets.zero,
        itemHeight: 30,
        // 可选属性，Flutter3.3+可用，调整下拉展开后选项的边距
        // dropdownPadding: EdgeInsets.symmetric(horizontal: 8.w),
        icon: Icon(
          Icons.keyboard_arrow_down,
          color: AppColors().green,
        ),
        onChanged: (newValue) {
          setState(() {
            value = newValue!;
          });
        },
        items: <String>[
          AppStrings().getString().english_language,
          AppStrings().getString().arabic_language,
          AppStrings().getString().urdu_language,
        ].map<DropdownMenuItem<String>>((String value) {
          return DropdownMenuItem<String>(
            value: value,
            child: Text(value),
          );
        }).toList(),
      ),
    ),
  ),
)

如果调整后还有细微的垂直边距，可以给DropdownButton外层包裹Transform.translate微调偏移，比如设置offset: Offset(0, -2)即可消掉剩余的空白。

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