Flutter仿钉钉考勤日历(1)

本文详细介绍了如何使用Flutter仿制钉钉考勤日历,包括显示打卡状态、设置星期标题以及补全每月空白日期的方法。通过示例代码展示了如何根据用户打卡数据动态显示蓝色或橙色小点,以及如何自定义星期标题和填充缺少的日期。
摘要由CSDN通过智能技术生成

Visibility(
visible: checking[day - 1] == 1 || checking[day - 1] == 2,
child: Container(
height: 6.0,
width: 6.0,
decoration: BoxDecoration(
shape: BoxShape.circle,
color: isSelectedDay ? Colors.white :
(checking[day - 1] == 1 ? Color(0xFF1376EE): Color(0xFFFF8A21)),
),
),
),
],
),
);

Visibility原来没有,是修改加上去的,主要是显示当天打卡状态,若打卡正常则在日期显示下方显示蓝色小点,若有异常则显示橙色的点,若没有状态就不显示,checking则是使用DatePickerDialog传入的,由于日历从1开始,数组是从索引0开始的,所以使用checking[day - 1]才能准确获取某一日的打卡状态,day 则是日历中某一月中所有日期。

2.设置星期标题 修改后:

List _dayHeaders() {
final List result = [];
final List weekdays = [“日”, “一”, “二”, “三”, “四”, “五”, “六”];
for (int i = 1; true; i = (i + 1) % 7) {
final String weekday = weekdays[i];
result.add(ExcludeSemantics(
child: Center(
child: Text(weekday,
style: TextStyle(fontSize: 14.0, color: Color(0xFF999999)))),
));
if (i == (1 - 1) % 7) break;
}
return result;
}

原文:

List _dayHeaders(TextStyle? headerStyle, MaterialLocalizations localizations) {
final List result = [];
for (int i = localizations.firstDayOfWeekIndex; true; i = (i + 1) % 7) {
final String weekday = localizations.narrowWeekdays[i];
result.add(Exc

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值