flutter基础 - Date & Time Picker

其实dart的语法,加上flutter的英文文档,让有只有js开发基础的小伙伴来说,还是比较容易懵逼的。所以在这个系列中,我会尽量的分享一些常用控件的小demo出来,大家一起进步。

今天要说的就是常用的时间(日期)控件 - DatePicker

先放出官方文档:传送门

官方实例

说实话,刚看到我也有一句xxx不知当讲不当讲。。

那我们就接着上一篇的内容,把这个时间控件写到一个tab中(注:上一篇的传送门)。

1. 首先我们来实现一个简单的功能,就是点击按钮,显示当前的时间。

来直接看代码:

demo1

这样我们每次点击按钮,结果中都显示的是当前的时间,接下来我们来加入datePicker控件

首先我们参照官方文档,得到以下的东东

1.  Future 类

    Future<DateTime> 实例(Future 实例会在计算结束后返回结果),返回的是一个DateTime对象

2. 必需项 :

    context(上下文), 

    initialDate(初始日期)--- 定义控件打开时默认选择日期 

    firstDate(最初日期)  --- 定义控件最早可以选择的日期

    lastDate(最晚日期)--- 定义控件最晚可以选择的日期

来直接看代码:

控件代码

因为showDatePicker返回的是一个DateTime对象,那我们就直接定义一个DateTime的对象:_picked 来获取showDatePicker返回的值,然后在function中用setState方法给_dateTime赋值。 这样一个datepicker控件就搞定了,还算简单吧。

那举一反三,一个时间控件也就是轻松+愉快了

时间控件

那今天就到此为止咯

flutter 中文社区(官方QQ群:338252156)

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,900评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,333评论 4 61
  • 请原谅我,未曾花钱去电影院看这部电影,我是在上映两个月之后,在某个APP下载来观看的,缝纫机乐队,我也曾听说,这部...
    海盗人生阅读 1,163评论 0 2
  • 2017.12.2晴 地点:甘肃省庆阳市陇东学院图书馆 一本书,一台电脑,一知己,于午后谈论过往,不知间觉得时间...
    橙子il阅读 2,622评论 0 0
  • 大连是一座现代化的城市,它高楼鳞次栉比,街道清洁美丽,城市规划较好。坐在大连的公交车上,听到大连人对自己家...
    橄榄枝5阅读 3,909评论 1 10