Flutter 如何实现DropdownButton菜单圆角且不修改SDK源码

方案1：使用官方内置参数（推荐，适配Flutter 2.5及以上版本） #

官方在后续版本已经新增了菜单圆角的配置参数，无需修改源码，直接在DropdownButton组件中传入borderRadius参数即可生效：

DropdownButton<String>(
  // 配置下拉菜单的圆角大小
  borderRadius: BorderRadius.circular(24),
  // 可选：配置按钮本身的圆角和边框
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(24),
    side: const BorderSide(color: Colors.grey, width: 1),
  ),
  items: const [
    DropdownMenuItem(value: 'option1', child: Text('选项1')),
    DropdownMenuItem(value: 'option2', child: Text('选项2')),
  ],
  onChanged: (val) {
    // 处理选择逻辑
  },
)

方案2：自定义下拉组件（适配Flutter 2.5以下低版本） #

如果项目使用的Flutter版本低于2.5，没有内置的borderRadius参数，可以通过拷贝源码自定义组件的方式实现，不会侵入官方SDK：

• 操作步骤：
  1. 找到本地Flutter SDK路径下的packages/flutter/lib/src/material/dropdown.dart文件，将文件内全部代码复制到你项目中的自定义组件文件，例如lib/widgets/custom_dropdown.dart
  2. 在自定义的custom_dropdown.dart文件中，找到_DropdownMenuPainter类，将其中的BorderRadius.circular(2.0)修改为BorderRadius.circular(24.0)
  3. 项目中使用DropdownButton时，导入你自定义的custom_dropdown.dart文件，替换系统的DropdownButton即可

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