用户登录

showTimePicker 可以打开一个 Material 风格的时间选择器对话窗口 .. 再添加一个 InkWell .. 可以直接复制一份 .. onTap 设置成 _selectTime ,等会儿去定义这个方法 .. 显示的文字是 selectedTime .. 用一下 format .. 再把 context 交给这个方法 ..

然后再去定义一下这个 InkWell 里面需要的东西 .. 先添加一个 TimeOfDay 类型的 selectedTime .. 它的值可以用一下 TimeOfDay .. 给它一个 hour 属性设置一下小时 .. 再添加一个 minute .. 设置一下分钟 ..

下面再去定义一下 _selectTime 方法 .. 方法是个 async 方法 .. 里面先添加一个 time .. final TimeOfDay .. 名字是 time .. await 等待执行 showTimePicker 的结果 .. 它里面需要一个 context .. 对应的值是 context .. 还需要给它一个初始时间 .. 添加一个 initialTime .. 对应的值是 selectedTime ..

有了选择的时间,再判断一下 .. 如果选择的这个时间是 null .. 也就是用户按了 cancel 按钮 .. 可以直接 return ..

不然的话,我们可以执行一下 setState ... 去把 selectedTime 的值设置成用户选择的这个时间 ..

下面再到模拟器上试一下 ..

点一下这个时间 .. 会打开一个时间选择器 .. 你可以选择上午时间,还是下午时间 .. 然后选择一个小时 ..

按一下分钟 .. 可以再选择一个具体的分钟 ... 按一下 cancel 可以取消选择 ... 按一下 ok ... 确定选择 ..

现在界面上显示的时间就是使用时间选择器选择的 ..

showTimePicker:时间选择器《 Flutter 移动应用:输入 》

统计

9936
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点