Question

I m currently using table_calendar, I create a list to store my event then use event loader to show that. But I want, if that day has event it will have a random background color for that cell of day, or maybe can be selectted like this image not like the demo one with black dot ? How can I do that

Answer 1

您可以按每个单元进行定制。

例如:

 Widget _buildCellDate(DateTime day, {DateTime? focusedDay}) {
    return Container(
      margin: const EdgeInsets.all(5),
      alignment: Alignment.center,
      decoration: BoxDecoration(
        shape: (day == focusedDay) ? BoxShape.circle : BoxShape.rectangle,
        color: bgclr, // you custom color here
        borderRadius: (day == focusedDay) ? null : BorderRadius.circular(4),
      ),
      child: Text(
        day.day.toString(),
        style: TextStyle(color: _getTxtColor(bgclr)),
      ),
    );
  }

我现在请您使用<代码>_buildCellDate。表日历:

TableCalendar<MyModel>(
  // another setup here
  startingDayOfWeek: StartingDayOfWeek.monday,
  calendarBuilders: CalendarBuilders(
    selectedBuilder: (context, day, focusedDay) =>
        _buildCellDate(day, focusedDay: focusedDay),
    defaultBuilder: (context, day, focusedDay) => _buildCellDate(day),
    todayBuilder: (context, day, focusedDay) => _buildCellDate(day),
  ),
}

定制以下网站:calendarBuilders。您可定制<条码>选择、<条码>至日<>和<条码>。

这里的例子有: 我制作了一个日历,“HeatMap”植被。

友情链接