flutter 选择时间
时间: 2023-09-02 17:15:15 浏览: 96
在Flutter中,你可以使用showTimePicker方法来选择时间。showTimePicker是一个异步方法,返回一个Future对象,你可以通过await关键字来等待用户选择时间后获取返回值。
以下是一个使用showTimePicker方法的示例代码:
```dart
Future<void> selectTime() async {
TimeOfDay selectedTime = await showTimePicker(
context: context,
initialTime: TimeOfDay.now(),
);
if (selectedTime != null) {
// 用户选择了时间
print('选择的时间是:${selectedTime.hour}:${selectedTime.minute}');
} else {
// 用户取消了选择
print('取消选择时间');
}
}
```
在这个示例中,我们定义了一个名为selectTime的异步方法。在方法中,我们调用了showTimePicker方法来弹出时间选择器。我们可以通过initialTime参数来设置初始时间,这里我们使用TimeOfDay.now()来设置为当前时间。
当用户选择时间后,showTimePicker方法将返回一个TimeOfDay对象,我们可以通过判断返回值是否为null来确定用户是否选择了时间。如果用户选择了时间,我们可以通过selectedTime.hour和selectedTime.minute来获取小时和分钟。
如果用户取消了选择,showTimePicker方法将返回null。
希望这个示例能够帮助你选择时间。如果你还有其他问题,请随时提问。
#### 引用[.reference_title]
- *1* *3* [Flutter 日期选择控件使用实战](https://blog.csdn.net/u011578734/article/details/111874172)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [Flutter中使用flutter_cupertino_date_picker选择时间](https://blog.csdn.net/weixin_40629244/article/details/112095353)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文