Flutter如何修改DropdownButton的点击水波纹半径？

DropdownButton组件本身确实没有splashRadius属性，但可以通过以下两种方法自定义点击时的水波纹半径：

方法一：用InkWell手动触发下拉菜单 #

通过InkWell包裹自定义的触发UI，手动调用showMenu实现下拉功能，这样就能直接设置InkWell的splashRadius参数，完全控制水波纹效果。

示例代码：

class CustomDropdown extends StatefulWidget {
  final List<String> options;
  final String? selectedOption;
  final ValueChanged<String?> onOptionSelected;

  const CustomDropdown({
    super.key,
    required this.options,
    required this.selectedOption,
    required this.onOptionSelected,
  });

  @override
  State<CustomDropdown> createState() => _CustomDropdownState();
}

class _CustomDropdownState extends State<CustomDropdown> {
  String? _currentSelection;

  @override
  void initState() {
    super.initState();
    _currentSelection = widget.selectedOption;
  }

  @override
  Widget build(BuildContext context) {
    return InkWell(
      splashRadius: 35, // 这里设置你需要的水波纹半径
      onTap: () {
        final renderBox = context.findRenderObject() as RenderBox;
        showMenu(
          context: context,
          position: RelativeRect.fromRect(
            renderBox.localToGlobal(Offset.zero) & renderBox.size,
            Offset.zero & MediaQuery.of(context).size,
          ),
          items: widget.options.map((option) {
            return PopupMenuItem<String>(
              value: option,
              child: Text(option),
              onTap: () {
                setState(() => _currentSelection = option);
                widget.onOptionSelected(option);
              },
            );
          }).toList(),
        );
      },
      child: Padding(
        padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
        child: Row(
          mainAxisSize: MainAxisSize.min,
          children: [
            Text(_currentSelection ?? '请选择'),
            const SizedBox(width: 8),
            const Icon(Icons.arrow_drop_down),
          ],
        ),
      ),
    );
  }
}

使用方式和普通DropdownButton一致：

CustomDropdown(
  options: ['选项1', '选项2', '选项3'],
  selectedOption: '选项1',
  onOptionSelected: (value) {
    // 处理选中逻辑
  },
)

方法二：通过Theme全局修改水波纹半径 #

如果希望全局统一调整所有Ink相关组件的水波纹半径，可以修改ThemeData的splashFactory，自定义一个带固定半径的InkSplashFactory：

ThemeData(
  splashFactory: InkSplash.splashFactoryWithRadius(30), // 全局设置水波纹半径
)

注意：这个方法会影响所有使用默认水波纹的组件（如InkWell、各类Material按钮等），仅适合需要全局统一风格的场景；若只需单独调整Dropdown的水波纹，优先使用方法一。

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