Date component developed with Flutter, plans to support display, swipe left and right, add date mark, radio, display week, etc.
使用Flutter开发的日期组件，计划支持显示，左右滑动，添加日期标记，单选，显示星期等功能。
主要想实现的内容
整体上，从简单的显示开始，然后再加入交互和控制功能。第一版显示方面，先考虑实现最常用的月视图。
日历的月视图，是非常规则的表格形式。所以就考虑用GridView来实现。
- 写两个类，来管理月和日，并重构了比较运算符。
/// 月
class DateMonth {
int year;
int month;
int maxDays;
// ……
}
/// 日
class DateDay extends DateMonth{
int day;
// ……
}
- 在写月视图时，需要考虑开始星期所在位置，非当月日期的显示情况等。这里的关键在于计算位置。
由于GridView在控制高度上面有所不便（可能有好多方法，我没有尝试到），我换成了Warp的方式来实现。
常见的月份切换方式，有类似小米的左右滑动切换，也有上下滑动切换。第一个想到的就是用PageView来实现该功能。
问题：如何实现无限切换？
- 构建前，全部加载完成，然后就可以随意切换了。否决，不够灵活，性能开销大。
- 动态分配，初始化3页，然后监听滑动，动态首尾动态添加对应月份。可以考虑，但跨度大了，数据会不断膨胀，可以再优化下。
- 动态分配，动态移除，设定缓存大小，超出缓存范围的将被移除。可以，那就按照这个方案进行！
问题：如何实现动态分配？
原理如下，先动态分配数据，然后跳转到指定页面。若考虑缓存机制，可在remove前加判断即可。
下面是核心代码
List<int> pages = [-1, 0, 1];
PageController _controller = PageController(initialPage: 1);
_controller.addListener(() {
double position = _controller.position.pixels;
if (position == 0) {
pages.insert(0, pages.first - 1);
pages.remove(pages.last);
_controller.jumpToPage(1);
} else if (position == _controller.position.maxScrollExtent) {
pages.add(pages.last + 1);
pages.remove(pages.first);
_controller.jumpToPage(1);
} else {
return;
}
setState((){});
});有了上面的基础，切换月份，也就变成一件简单的事情了。
主要是处理日期选中后的赋值问题。
当下的处理逻辑有很多，我这里采用的是以下逻辑：
- 单选和连选只同时支持一种（理论上可以同时支持，后续可以再优化实现）
- 第一次选择日期，给到开始日期上。
- 第二次选择日期，将小日期给到开始日期，大日期给到结束日期上。
- 第三次选择日期，当落在小、大之间时，更换大日期。当不落在之间时，小、大日期全部清空。相当于取消选择。
适配FLutter 2.0；空安全。 增加清空内容的功能。 点击上一月或下一月日期可翻页。