在 flutter 中删除 DropDownButton 的默认填充？

Question

我想实现这样的结果，我的下拉按钮的填充非常少。

这是我目前拥有的

到目前为止，我尝试过调整 dropDownButton 的高度、用容器包裹、分配填充，但都没有效果

这是我的代码

Container(
      child: Center(
        child: DropdownButtonHideUnderline(
          child: ButtonTheme(
            alignedDropdown: true,
            child: DropdownButton<String>(
              dropdownColor: AppColors().white,
              value: value,
              style: TextStyles().medium12,
              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(),
            ),
          ),
        ),
      ),
      padding: EdgeInsets.only(
        left: 10.w,
        right: 10.w,
      ),
      decoration: BoxDecoration(
        border: Border.all(color: AppColors().green, width: 6.w),
        borderRadius: BorderRadius.all(
            Radius.circular(25.r) //         <--- border radius here
        ),
      ),
    );

有人可以帮助我吗？非常感谢

Answer 1

只需设置 下拉按钮 isDense: true

在 flutter 中删除 DropDownButton 的默认填充？

Remove default padding of DropDownButton in flutter?

dart

flutter

flutter-layout

flutter-web