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

如何移除calendar_date_picker2组件日期文本下方的圆点?

解决calendar_date_picker2隐藏日期下方圆点的问题

针对calendar_date_picker2: ^0.5.3库,你可以通过自定义日历样式的参数来隐藏日期文本下方的圆点,以下是两种可行方法:

  • 方法一:直接将标记尺寸设为0
    在创建CalendarDatePicker2组件时,通过config参数里的dayMarkerSize把圆点的大小设置为0,彻底移除标记显示:
CalendarDatePicker2(
  config: CalendarDatePicker2Config(
    dayMarkerSize: 0, // 隐藏日期下方的圆点标记
    // 其他你的原有配置项
  ),
  // 组件其他必要参数
)
  • 方法二:将标记颜色设为透明
    如果需要保留标记的占位尺寸但隐藏视觉效果,可以把dayMarkerColor设置为透明色:
CalendarDatePicker2(
  config: CalendarDatePicker2Config(
    dayMarkerColor: Colors.transparent, // 让圆点透明不可见
    // 其他你的原有配置项
  ),
  // 组件其他必要参数
)

如果仅需隐藏选中日期的圆点,可以单独配置selectedDayMarkerColor为透明色,针对性调整选中状态的标记样式。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.09 05:07:03