Flutter 应用的日历小部件库

Calendarro

Flutter 应用的日历小部件库。提供多种自定义小部件的方式。

将依赖项添加到您的 pubspec.yaml 文件中

calendarro: ^1.0.0

首先，在您的代码中添加导入

import 'package:calendarro/calendarro.dart';

将小部件添加到您的代码中

Calendarro(
  startDate: DateUtils.getFirstDayOfCurrentMonth(),
  endDate: DateUtils.getLastDayOfCurrentMonth()
  )

sample1

sample2

1. 显示模式 - 如果您希望在多行中查看整个月份，请使用

Calendarro(
  displayMode: DisplayMode.MONTHS,
  ...
  )

2. 选择模式 - 如果您想选择多个日期，请使用

Calendarro(
  selectionMode: SelectionMode.MULTI,
  ...
  )

3. 星期标签 - 如果您想提供自己的行小部件来显示星期名称，请使用

Calendarro(
  weekdayLabelsRow: CustomWeekdayLabelsRow()
  ...
  )

您可以参考默认的 CalendarroWeekdayLabelsView 来创建您自己的 CustomWeekdayLabelsRow。

4. 日期块构建器 - 如果您想以自己的方式构建日期块，您可以使用

Calendarro(
  dayTileBuilder: CustomDayTileBuilder()
  ...
  )

您可以参考 DefaultDayTileBuilder 来创建您自己的 CustomDayTileBuilder。

5. 初始选定日期 - 当您希望从一开始就选择某些日期时，请使用 selectedDate (SelectionMode.SINGLE) 或 selectedDates (SelectionMode.MULTI) 参数

Calendarro(
  selectedDate: DateTime(2018, 8, 1)
  //or
  selectedDates: [DateTime(2018, 8, 1), DateTime(2018, 8, 8)]
  ...
  )

您可以参考 DefaultDayTileBuilder 来创建您自己的 CustomDayTileBuilder。

如果您想在点击日期块时获得回调，可以使用 onTap 参数

Calendarro(
  onTap: (date) {
      //your code
  }
  ...
  )