import 'package:flutter/foundation.dart'; import 'package:flutter/material.dart'; import 'package:flutter_custom_calendar/calendar_provider.dart'; import 'package:flutter_custom_calendar/constants/constants.dart'; import 'package:flutter_custom_calendar/controller.dart'; import 'package:flutter_custom_calendar/model/date_model.dart'; import 'package:flutter_custom_calendar/utils/LogUtil.dart'; import 'package:flutter_custom_calendar/utils/date_util.dart'; import 'package:flutter_custom_calendar/widget/month_view_pager.dart'; import 'package:flutter_custom_calendar/widget/week_view_pager.dart'; import 'package:provider/provider.dart'; /** * 暂时默认是周一开始的 */ //由于旧的代码关系。。所以现在需要抽出一个StatefulWidget放在StatelessWidget里面 class CalendarViewWidget extends StatefulWidget { //整体的背景设置 BoxDecoration boxDecoration; //控制器 final CalendarController calendarController; CalendarViewWidget( {Key key, @required this.calendarController, this.boxDecoration}) : super(key: key); @override _CalendarViewWidgetState createState() => _CalendarViewWidgetState(); } class _CalendarViewWidgetState extends State { @override void initState() { //初始化一些数据,一些跟状态有关的要放到provider中 widget.calendarController.calendarProvider.initData( calendarConfiguration: widget.calendarController.calendarConfiguration); super.initState(); } @override void dispose() { widget.calendarController.clearData(); super.dispose(); } @override Widget build(BuildContext context) { return ChangeNotifierProvider.value( value: widget.calendarController.calendarProvider, child: Container( //外部可以自定义背景设置 decoration: widget.boxDecoration, //使用const,保证外界的setState不会刷新日历这个widget child: CalendarContainer(widget.calendarController)), ); } } class CalendarContainer extends StatefulWidget { final CalendarController calendarController; const CalendarContainer(this.calendarController); @override CalendarContainerState createState() => CalendarContainerState(); } class CalendarContainerState extends State with SingleTickerProviderStateMixin { double itemHeight; double totalHeight; bool expand = true; CalendarProvider calendarProvider; var state = CrossFadeState.showFirst; List widgets = []; int index = 0; @override void initState() { calendarProvider = Provider.of(context, listen: false); expand = calendarProvider.expandStatus.value; if (calendarProvider.calendarConfiguration.showMode == Constants.MODE_SHOW_ONLY_WEEK) { widgets.add(const WeekViewPager()); } else if (calendarProvider.calendarConfiguration.showMode == Constants.MODE_SHOW_WEEK_AND_MONTH) { widgets.add(const MonthViewPager()); widgets.add(const WeekViewPager()); } else { //默认是只显示月视图 widgets.add(const MonthViewPager()); } //如果需要视图切换的话,才需要添加监听,不然不需要监听变化 if (calendarProvider.calendarConfiguration.showMode == Constants.MODE_SHOW_WEEK_AND_MONTH) { calendarProvider.expandStatus.addListener(() { setState(() { expand = calendarProvider.expandStatus.value; state = (state == CrossFadeState.showSecond ? CrossFadeState.showFirst : CrossFadeState.showSecond); if (expand) { index = 0; //周视图切换到月视图 calendarProvider.calendarConfiguration.weekController .jumpToPage(calendarProvider.monthPageIndex); } else { index = 1; //月视图切换到周视图 calendarProvider.calendarConfiguration.weekController .jumpToPage(calendarProvider.weekPageIndex); } }); }); } // widget.calendarController.addMonthChangeListener((year, month) { // if (widget.calendarController.calendarProvider.calendarConfiguration // .showMode != // Constants.MODE_SHOW_ONLY_WEEK) { // //月份切换的时候,如果高度发生变化的话,需要setState使高度整体自适应 // int lineCount = DateUtil.getMonthViewLineCount(year, month); // double newHeight = itemHeight * lineCount + // calendarProvider.calendarConfiguration.verticalSpacing * // (lineCount - 1); // if (totalHeight.toInt() != newHeight.toInt()) { // LogUtil.log( // TAG: this.runtimeType, // message: "totalHeight:$totalHeight,newHeight:$newHeight"); // // LogUtil.log(TAG: this.runtimeType, message: "月份视图高度发生变化"); // setState(() { // totalHeight = newHeight; // }); // } // } // }); //暂时先这样写死,提前计算布局的高度,不然会出现问题:a horizontal viewport was given an unlimited amount of I/flutter ( 6759): vertical space in which to expand. MediaQueryData mediaQueryData = MediaQueryData.fromWindow(WidgetsBinding.instance.window); itemHeight = calendarProvider.calendarConfiguration.itemSize ?? mediaQueryData.orientation == Orientation.landscape ? mediaQueryData.size.height / 10 : mediaQueryData.size.width / 7; if (calendarProvider.totalHeight == null) { calendarProvider.totalHeight = itemHeight * 6 + calendarProvider.calendarConfiguration.verticalSpacing * (6 - 1); } } @override void dispose() { super.dispose(); } @override Widget build(BuildContext context) { LogUtil.log(TAG: this.runtimeType, message: "CalendarContainerState build"); //暂时先这样写死,提前计算布局的高度,不然会出现问题:a horizontal viewport was given an unlimited amount of I/flutter ( 6759): vertical space in which to expand. // itemHeight = calendarProvider.calendarConfiguration.itemSize ?? // MediaQuery.of(context).size.width / 7; if (totalHeight == null) { totalHeight = itemHeight * 6 + calendarProvider.calendarConfiguration.verticalSpacing * (6 - 1); } return Container( width: itemHeight * 7, child: new Column( crossAxisAlignment: CrossAxisAlignment.stretch, mainAxisSize: MainAxisSize.min, children: [ /** * 利用const,避免每次setState都会刷新到这顶部的view */ calendarProvider.calendarConfiguration.weekBarItemWidgetBuilder(), AnimatedContainer( duration: Duration(milliseconds: 500), height: expand ? totalHeight : itemHeight, child: IndexedStack( index: index, children: widgets, )), ], ), ); } }