flutter_plugin_calendar

Description:

flutter plugin calendar

flutter_plugin_calendar #
flutter自定义日历组件，视图提供仅月/周显示、月/周可切换视图(可默认月/周显示).以及可默认选中日期，支持图标、颜色等自定义等
Getting Started #

在工程 pubspec.yaml 中加入 dependencies

flutter_gt_plugin: 0.0.3
copied to clipboard
使用 #
import 'package:flutter_plugin_calendar/flutter_plugin_calendar.dart';
copied to clipboard
展示日历组件

showModalBottomSheet展开

Map<String, dynamic> dateMap = {
'2021-07-14': '课',
'2021-07-16': '课',
'2021-07-02': '休',
'2021-07-01': '休',
'2021-07-31': '课',
'2021-09-30': '课',
'2021-09-29': '课',
'2021-08-18': '课',
'2021-10-28': '休',
'2021-10-15': '休',
'2021-10-11': '课',
};
FlutterPluginCalendar.showCalendarView(
context,
dateMap: dateMap,
align: ControlAlign.top,
format: DateFormat.chinese,
previousTitle: '',
nextTitle: '',
iconColor: Colors.grey,
onSelectedDateTime: (monthChanged, dateTime) {
if(monthChanged){
// 切换月份时刷新每个月的展示数据
dateMap = {
'2021-05-14': '课',
'2021-07-16': '课',
'2021-07-02': '休',
'2021-07-01': '休',
'2021-07-31': '课',
'2021-08-18': '课',
'2021-09-30': '课',
'2021-09-29': '课',
'2021-10-28': '休',
'2021-10-15': '休',
'2021-10-11': '课',
};
}
},
);

copied to clipboard

使用组件添加到widget树

///仅显示周
CalendarView(
dateMap: dateMap,
defaultMode: CalendarMode.week,
showExpandMore: false,
startDateTime: DateTime(DateTime.now().year - 2, 1, 1),
endDateTime: DateTime(DateTime.now().year + 2, 1, 1),
onSelectedDateTime: (monthChanged, dateTime) {
debugPrint(dateTime.toString());
if (monthChanged) {
dateMap = {
'2021-07-14': '课',
'2021-07-16': '课',
'2021-07-02': '休',
'2021-07-01': '休',
'2021-07-31': '课',
'2021-09-30': '课',
'2021-09-29': '课',
'2021-08-18': '课',
'2021-10-28': '休',
'2021-10-15': '休',
'2021-10-11': '课',
};
setState(() {});
}
},
),
///仅显示月
CalendarView(
dateMap: dateMap,
showExpandMore: true,
startDateTime: DateTime(DateTime.now().year - 2, 1, 1),
endDateTime: DateTime(DateTime.now().year + 2, 1, 1),
onSelectedDateTime: (monthChanged, dateTime) {
debugPrint(dateTime.toString());
if (monthChanged) {
dateMap = {
'2021-07-14': '课',
'2021-07-16': '课',
'2021-07-02': '休',
'2021-07-01': '休',
'2021-07-31': '课',
'2021-09-30': '课',
'2021-09-29': '课',
'2021-08-18': '课',
'2021-10-28': '休',
'2021-10-15': '休',
'2021-10-11': '课',
};
setState(() {});
}
},
),
copied to clipboard
预览 #