Flutter 鸿蒙化实战：calendar_date_picker2 适配 OpenHarmony

前言

随着鸿蒙生态的快速发展，越来越多的 Flutter 应用需要适配 OpenHarmony 平台。但生态早期，大量常用三方库只有 Android / iOS 实现，鸿蒙侧只能自己造轮子。

为了解决这个问题，CPF-Flutter 社区对一批高频使用的 Flutter 三方库做了 OpenHarmony 平台适配，统一托管在 GitCode 的 CPF-Flutter 组织 下，全部通过 TAG 版本隔离、配套门禁编译验证，开箱即用。

本篇是系列文章之一，主角是 calendar_date_picker2 —— 日历日期选择组件。

calendar_date_picker2 是什么

calendar_date_picker2（原库 2.0.1）是一个高度可定制的日历日期选择器：

1. 组件：CalendarDatePicker2、CalendarDatePicker2WithActionButtons；
2. 弹窗：showCalendarDatePicker2Dialog；
3. 配置：calendarType、firstDate、lastDate、currentDate。

支持单选/多选/范围选择，适合预约、打卡等场景。

适配情况

Flutter 框架版本	TAG 名称	分支名
3.27	2.0.1-ohos-1.0.0	br_3.27
3.35	2.0.1-ohos-1.0.0	br_3.22

快速接入

在 pubspec.yaml 中添加 git 依赖：

dependencies:
  calendar_date_picker2:
    git:
      url: https://gitcode.com/CPF-Flutter/fluttertpc_calendar_date_picker2.git
      # 按你的 Flutter 框架版本，从上方映射表选择对应 TAG
      ref: 2.0.1-ohos-1.0.0

执行：

flutter pub get

使用示例

import 'package:calendar_date_picker2/calendar_date_picker2.dart';

final dates = await showCalendarDatePicker2Dialog(
  context: context,
  config: CalendarDatePicker2WithActionButtonsConfig(
    calendarType: CalendarDatePicker2Type.single,
    firstDate: DateTime(2024, 1, 1),
    lastDate: DateTime(2026, 12, 31),
  ),
);

API 支持一览

API	说明
CalendarDatePicker2	日历日期选择器组件
showCalendarDatePicker2Dialog	弹出选择对话框
calendarType	选择类型
firstDate / lastDate / currentDate	可选日期范围

[TIP] 本库鸿蒙版与上游 API 对齐，接入方式与 iOS / Android 一致。

仓库地址

• OpenHarmony 适配仓库：https://gitcode.com/CPF-Flutter/fluttertpc_calendar_date_picker2
• 使用问题反馈：请到 CPF-Flutter 社区 Issues 提交问题（社区统一收集跟进）；本仓库 Issues 区亦可。

系列预告

截至目前，CPF-Flutter 社区已完成 250+ 个 Flutter 三方库的 OpenHarmony 平台适配，覆盖权限管理、UI 组件、设备信息、位置服务、媒体处理、网络、支付等多个领域，完整的适配清单（含每个库的版本映射表）见：

• 适配总览文档：https://gitcode.com/CPF-Flutter/docs/blob/main/ThirdpartyLibrarites.md
• 仓库组织：https://gitcode.com/CPF-Flutter

本系列后续会陆续挑选高频库展开讲解，比如底部选择器（bottom_picker）、应用升级（flutter_app_update）、音量控制（volume_controller）等。

如果你的 Flutter 应用正在计划适配鸿蒙，欢迎关注 CPF-Flutter 组织，也欢迎参与共建。