阅读 264

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, );


作者:相思碎
链接:https://juejin.cn/post/7038792586835787790


文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐