在Flutter中,可以通过以下步骤从timePicker中选择时间并删除TimeOfDay文本:
flutter/material.dart
库,因为它提供了与用户界面相关的控件和功能。selectedTime
。FlatButton
按钮,并在onPressed
回调中打开时间选择器对话框。FlatButton(
onPressed: () {
showTimePicker(
context: context,
initialTime: TimeOfDay.now(),
).then((selectedTime) {
setState(() {
selectedTime != null
? selectedTime = selectedTime
: selectedTime = selectedTime;
});
});
},
child: Text('选择时间'),
),
showTimePicker
函数中,我们指定了初始时间为当前时间(TimeOfDay.now()
)。当用户选择时间后,我们使用then
方法来处理返回的结果。then
方法中,我们使用setState
函数来更新selectedTime
状态变量。如果用户选择了一个时间,selectedTime
将被更新为选定的时间,否则将保持不变。Text
控件来显示。Text(selectedTime != null ? selectedTime.format(context) : '未选择时间'),
以上就是在Flutter中从timePicker中选择时间后删除TimeOfDay文本的完整步骤。
值得注意的是,以上代码只是提供了一个基本的实现方式,您可以根据实际需求进行修改和优化。同时,为了使您能更好地理解和学习Flutter开发,建议您阅读Flutter官方文档和示例代码。
领取专属 10元无门槛券
手把手带您无忧上云