flutter - 如何在 CupertinoDatePicker 中的小时和分钟旁边添加文本

Question

我正在使用CupertinoDatePicker允许用户选择当天的特定时间，但我想在所选小时和所选分钟旁边显示文本，有什么办法吗？

这就是我所期待的

这就是我得到的

CupertinoDatePicker(
    mode: CupertinoDatePickerMode.time,
    use24hFormat: true,
    onDateTimeChanged: (value){
      setState(() {
        print(value);
      });
    },
)

Answer 1

您正在寻找CupertinoTimerPicker小部件。

它带有默认标签。

例子：

12 小时 12 分钟

相同的代码：

          CupertinoTimerPicker(
            onTimerDurationChanged: (value) {
              setState(() {
                print(value);
              });
            },
            mode: CupertinoTimerPickerMode.hm,
            backgroundColor: Colors.red,
            initialTimerDuration: Duration(hours: 12, minutes: 12),
          ),

但是，如果您需要自定义标签，如h,m和s您的情况，您必须使用现有代码（来自 Flutter SDK）制作自定义 Cupertino 时间选择器。