flutter_custom_calendar/lib/widget/calendar_view.dart

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<CalendarViewWidget> {
  @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<CalendarProvider>.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<CalendarContainer>
    with SingleTickerProviderStateMixin {
  double itemHeight;
  double totalHeight;

  bool expand = true;

  CalendarProvider calendarProvider;

  var state = CrossFadeState.showFirst;

  List<Widget> widgets = [];

  int index = 0;

  @override
  void initState() {
    calendarProvider = Provider.of<CalendarProvider>(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.
    itemHeight = calendarProvider.calendarConfiguration.itemSize ??
        MediaQueryData.fromWindow(WidgetsBinding.instance.window).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: <Widget>[
          /**
           * 利用const，避免每次setState都会刷新到这顶部的view
           */
          calendarProvider.calendarConfiguration.weekBarItemWidgetBuilder(),
          AnimatedContainer(
              duration: Duration(milliseconds: 500),
              height: expand ? totalHeight : itemHeight,
              child: IndexedStack(
                index: index,
                children: widgets,
              )),
        ],
      ),
    );
  }
}