api - 显示从API到Flutter Carousel Calendar的事件

Question

我想显示一个旋转木马日历，并使用Rest Api标记学生的出席，缺勤和休假。我需要用不同的颜色显示这些事件。该事件已经存在于API中。

Answer 1

您必须将时间戳数据从API转换为DateTime对象。

DateTime dateTime = DateTime.parse(timestamp);

然后，使用 customDayBuilder属性使用所需的颜色定义适当的小部件。

customDayBuilder: (   /// you can provide your own build function to make custom day containers
        bool isSelectable,
        int index,
        bool isSelectedDay,
        bool isToday,
        bool isPrevMonthDay,
        TextStyle textStyle,
        bool isNextMonthDay,
        bool isThisMonthDay,
        DateTime day,
      ) {
          /// If you return null, [CalendarCarousel] will build container for current [day] with default function.
          /// This way you can build custom containers for specific days only, leaving rest as default.


          if (day.difference(dateTime).inDays == 0) {
            // Do additional checks for status, remarks or for checking
            // whether the day should be marked as absent, present or something else
            return Container(
              decoration: BoxDecoration(
                color: Colors.red // Change this color according to your case.
                shape: BoxShape.circle,
            );
          } else {
            return null; // returning null will build container for current [day] with default function.
          }
      },