如何将showTimerPicker设为初始空字段状态或点击自动选中全部数字？

方案1：点击输入框时自动选中全部数字 #

官方showTimerPicker确实没有直接配置一键选中文本的参数，但可以通过自定义输入组件实现：

• 利用showTimerPicker的builder参数替换默认输入框，给TextField添加点击监听，触发时将文本选中范围设为全部内容。
• 示例代码：

showTimerPicker(
  context: context,
  initialTime: const Duration(minutes: 30),
  builder: (context, child) {
    return Theme(
      data: Theme.of(context).copyWith(),
      child: Builder(
        builder: (context) {
          final defaultTextField = child.findAncestorWidgetOfExactType<TextField>();
          return TextField(
            controller: defaultTextField?.controller,
            focusNode: defaultTextField?.focusNode,
            decoration: defaultTextField?.decoration,
            style: defaultTextField?.style,
            onTap: () {
              defaultTextField?.controller?.selection = TextSelection(
                baseOffset: 0,
                extentOffset: defaultTextField.controller?.text.length ?? 0,
              );
            },
          );
        },
      ),
    );
  },
);

• 核心逻辑：复用默认TextField的控制器和焦点节点，重写点击事件完成全选操作。

方案2：实现类似showTimePicker的空字段初始状态 #

showTimerPicker强制要求传入initialTime，无法直接设置空初始状态，可通过showTimePicker曲线实现：

• 将showTimePicker的initialTime设为null，即可触发空字段淡灰色提示效果，再将选中的TimeOfDay转换为Duration使用。
• 示例代码：

final pickedTime = await showTimePicker(
  context: context,
  initialTime: null,
  helpText: '设置时长',
  builder: (context, child) {
    return MediaQuery(
      data: MediaQuery.of(context).copyWith(alwaysUse24HourFormat: true),
      child: child!,
    );
  },
);

if (pickedTime != null) {
  final duration = Duration(
    hours: pickedTime.hour,
    minutes: pickedTime.minute,
  );
  // 处理转换后的时长
}

• 补充：若需要支持秒级选择，可基于此方案扩展自定义组件，或使用支持秒的第三方picker包。

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