Flutter中如何扩展Cupertino Time Picker的范围至24小时以上？

CupertinoDatePicker本身仅支持12/24小时制的时间选择，无法直接扩展到24小时以上的范围，要实现这个需求，你可以试试以下几种方法：

1. 自定义CupertinoPicker组件 #

直接用Flutter提供的基础CupertinoPicker构建自定义时间选择器，完全自主控制小时选项的范围：

int selectedHour = 0;
int selectedMinute = 0;

// 组合小时+分钟双滚轮的自定义选择器
Row(
  children: [
    Expanded(
      child: CupertinoPicker(
        itemExtent: 32.0,
        onSelectedItemChanged: (index) {
          selectedHour = index;
        },
        children: List.generate(48, (index) {
          return Center(child: Text('${index}时'));
        }),
      ),
    ),
    Expanded(
      child: CupertinoPicker(
        itemExtent: 32.0,
        onSelectedItemChanged: (index) {
          selectedMinute = index;
        },
        children: List.generate(60, (index) {
          return Center(child: Text('${index}分'));
        }),
      ),
    ),
  ],
)

这里小时范围设为0-48，你可以根据需求调整为任意数值，分钟保持0-50的常规范围，完全自主控制选择逻辑。

2. 处理超24小时的时间转换 #

如果需要将选中的超24小时数值转换为具体DateTime对象，用Duration计算即可：

// 示例：选中30小时15分钟
DateTime targetDateTime = DateTime.now().add(
  Duration(hours: selectedHour, minutes: selectedMinute)
);

通过这种方式可以把自定义选择的时长映射到实际的日期时间节点。

3. 第三方自定义选择器库 #

你可以在pub.dev搜索custom time picker类的第三方库，部分库支持自定义时间范围，但更推荐自己用CupertinoPicker实现，避免第三方库带来的版本兼容、功能冗余问题。

内容的提问来源于stack exchange，提问作者Arslan