调用TimeOfDay?的format()方法报错：无法在潜在空值对象上调用该方法

问题根源 #

showTimePicker 返回的是 Future<TimeOfDay?> 类型——当用户点击时间选择器的取消按钮时，回调里的value会是null，而Dart的空安全机制不允许直接在可能为null的对象上调用方法，所以触发了Method 'format' cannot be called on 'TimeOfDay?' because it is potentially null错误。

三种可行解决方案 #

1. 显式非空判断（最直观）

在调用format()前先检查value是否为null，只在非空时执行逻辑：

onTap: (){
  showTimePicker(
    context: context,
    initialTime: TimeOfDay.now()
  ).then((value) {
    if (value != null) {
      print(value.format(context));
      // 可选：把选中的时间同步到输入框控制器
      timeControl.text = value.format(context);
    }
  });
},

2. 空安全操作符+默认值（简洁处理）

使用?.（空条件操作符）仅在value非空时调用format()，配合??设置空值时的默认输出：

onTap: (){
  showTimePicker(
    context: context,
    initialTime: TimeOfDay.now()
  ).then((value) {
    print(value?.format(context) ?? '未选择时间');
  });
},

3. 用async/await替代then（可读性更强）

将onTap改为异步函数，用await获取时间选择结果，代码逻辑更线性：

onTap: () async {
  final selectedTime = await showTimePicker(
    context: context,
    initialTime: TimeOfDay.now()
  );
  if (selectedTime != null) {
    print(selectedTime.format(context));
    timeControl.text = selectedTime.format(context);
  }
},

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