You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何修改Flutter中showDatePicker的按钮颜色为粉色?

实现showDatePicker按钮改为粉色的方案

当然可以实现,只需要修改代码中ColorScheme.light的primary属性值为粉色即可,这个属性控制着日期选择器中确认/取消按钮这类强调元素的颜色。

修改后的代码如下:

showDatePicker(
      context: context,
      builder: (context, child) {
        return Theme(
          data: ThemeData.light().copyWith(
            colorScheme: const ColorScheme.light(
              primary: Colors.pink, // 这里改为粉色
              onPrimary: Colors.black, // 按钮文字颜色保持黑色
            ),
          ),
          child: child!,
        );
      },
    )

如果需要自定义粉色色调,可以用Color(0xFFE91E63)这类十六进制颜色值替换Colors.pink,调整到和目标效果图一致的粉色即可。

内容的提问来源于stack exchange,提问作者genericUser

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.16 22:51:57