如何修改DropdownButton下拉菜单的阴影颜色？

完全可以修改下拉菜单的阴影颜色，不需要魔改组件源码，根据你使用的Flutter版本选择对应方法即可。

• 通用兼容方案（支持所有Flutter版本）
  用局部Theme组件包裹目标DropdownButton，覆盖弹窗菜单的主题配置即可，这个方案只会影响包裹范围内的组件，不会改动全局样式，代码示例：

  Theme(
    data: Theme.of(context).copyWith(
      popupMenuTheme: PopupMenuThemeData(
        shadowColor: Colors.red.withOpacity(0.3), // 传入你需要的阴影颜色
        elevation: 8, // 调整阴影弥散程度，数值越高阴影范围越大、效果越柔和
      ),
    ),
    child: DropdownButton(
      value: currentValue,
      items: yourDropdownItemList,
      onChanged: (val) {
        setState(() => currentValue = val);
      },
    ),
  )
  

• 高版本简化方案（Flutter 3.10及以上）
  3.10及以上版本的DropdownButton自带menuStyle参数，可以直接配置菜单阴影，不需要额外嵌套主题组件：

  DropdownButton(
    value: currentValue,
    items: yourDropdownItemList,
    onChanged: (val) {
      setState(() => currentValue = val);
    },
    menuStyle: MenuStyle(
      shadowColor: MaterialStatePropertyAll(Colors.blue.withOpacity(0.4)), // 自定义阴影颜色
      elevation: const MaterialStatePropertyAll(10), // 自定义阴影高度
    ),
  )
  

效果参考：

小提示：自定义阴影颜色时建议保留0.2~0.5的透明度，阴影效果会更自然，和材质设计的默认风格匹配度更高。

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