flutter 日历展示插件
2023-04-18 12:41:47 时间
flutter 日历展示插件
前几天在做项目时,需要一个展示日历,自己上:pub.dev/插件官网上找了好久都没找到合适的,最后自己慢慢翻,终于找到一个评分高,最近在更新的插件:pub.dev/packages/fl… flutter_calendar_carousel: ^2.1.0
效果:
引入:import 'package:flutter_calendar_carousel/flutter_calendar_carousel.dart'; // 日历2 使用方法:
CalendarCarousel(
// 日期的点击事件
onDayPressed: (DateTime date, List events) {
// date点击的日期
},
// 最大只能点今天之前
maxSelectedDate: DateTime.now(),
// 语言
locale: 'zh',
// 月份发生改变的时候
onCalendarChanged: (e) {
print('******' + e.toString());// 更改月份的开始的日期
// 月份切换的时候可以设置默认标记的日期dateTimeList,就能动态设置标记日期
},
thisMonthDayBorderColor: Colors.grey,
customDayBuilder: (
bool isSelectable,
int index,
bool isSelectedDay,
bool isToday,
bool isPrevMonthDay,
TextStyle textStyle,
bool isNextMonthDay,
bool isThisMonthDay,
DateTime day,
) {
// 默认标记
// 这里的dateTimeList是一个List<DateTime>类型的数组,contains是判断数组中是否包含day,如果包含就自定义样式
// 这里的day是这个月的每一天,这个插件会自动循环每一天,然后我们来判断当前的那一天在不在默认标记中
if (dateTimeList.contains(day)) {
return Center(
child: Text(
day.day.toString(),
style: TextStyle(
color: Colors.blue,
),
),
);
} else {
return null;
}
},
weekendTextStyle: TextStyle(color: Colors.black),// 周六周天颜色
height: 420.0,// 高度
selectedDateTime: _currentDate,// 选中的日子
daysHaveCircularBorder: false,
);
相关文章
- 运营分析常用指标总结:
- 项目管理的五大过程组及十大知识领域
- 系统性能优化总结
- 搞懂链路负载及入口带宽和出口带宽
- 排序算法总结
- 统计一字符串中,重叠字符出现的次数
- 游戏预研杂记
- 高效能人士的七个习惯
- iview 表单有值却校验失败
- Spring boot 自定义ThreadPoolTaskExecutor 线程池并进行异步操作
- FGC频繁导致CPU 飙升定位及JVM配置优化总结
- Idea 进行远程服务器debug操作
- docker 容器大小查看及清理docker磁盘空间
- Chrome 控制台 换行编写js调试代码
- @Conditional注解使用及@ConditionalOnXXX各注解的作用
- linux 服务器运行jmeter 进行服务性能压测
- /etc/profile,/etc/bashrc,~/.profile,~/.bashrc 的区别及使用
- 用代码模拟调用接口方式压测现网服务器的服务性能
- 阿里云通过安全组开通对外端口访问权限
- Apache ShardingSphere 实现分库分表及读写分离