Flutter开发之——日期选择器

文章详细介绍了Flutter中的日期选择器组件如DateTime选定、CalendarDatePicker、MonthPicker、YearPicker、showDatePicker和Cupertino相关组件,以及与之相关的面试资源,包括移动架构视频、大厂面试真题和学习笔记。
摘要由CSDN通过智能技术生成

3.3 示例

代码

DateTime _selectedDate = DateTime.now();

Text(“CalenderDayPicker-示例”),

Flexible(

child: CalendarDatePicker(

initialDate: DateTime.now(),

firstDate: DateTime(2021, 4, 3),

lastDate: DateTime(2021, 04, 30),

onDateChanged: (date) {

_selectedDate = date;

},

selectableDayPredicate: (date) {

return date.difference(DateTime.now()).inMicroseconds < 0;

},

))

效果图

[外链图片转存中…(img-ON7nbdX5-1712270498207)]

四 MonthPicker


4.1 说明

  • MonthPicker跟DayPicker界面展示和属性功能基本一致

  • MonthPicker也是过时类,被CalendarDatePicker替代

4.2 示例

代码

Text(“MonthPicker-示例”),

MonthPicker(

selectedDate: _selectedDate,

onChanged: (date) {

setState(() {

_selectedDate = date;

});

},

firstDate: DateTime(2020, 1),

lastDate: DateTime(2020, 12),

),

效果图

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

五 YearPicker


5.1 说明

  • YearPicker跟DayPicker的属性类似

  • YearPicker只有年份展示,并不包含月份和日期

5.2 示例

代码

Text(“YearPicker”),

Flexible(

child: YearPicker(

selectedDate: _selectedDate,

onChanged: (date) {

setState(() {

_selectedDate = date;

});

},

dragStartBehavior: DragStartBehavior.start,

firstDate: DateTime(2000, 1),

lastDate: DateTime(2021, 12),

)),

效果图

六 showDatePicker


6.1 说明

  • showDatePicker并不是一个新的控件

  • 长跟按钮的点击事件连用,点击后弹出日期选择框

6.2 示例

代码

Text(“showDatePicker”),

RaisedButton(child: Text(“选择日期”),

onPressed: () async {

var result = await showDatePicker(

context: context,

initialDate: DateTime.now(),

firstDate: DateTime(2020),

lastDate: DateTime(2030));

print(‘$result’);

},

)

效果图

[外链图片转存中…(img-EZWHlSUB-1712270498209)]

示例2-设置主题(builder)
代码

RaisedButton(child: Text(“选择日期”),

onPressed: () async {

var result = await showDatePicker(

builder: (context, child) {

return Theme(

data: ThemeData.dark(),

child: child,

);

},

context: context,

initialDate: DateTime.now(),

firstDate: DateTime(2020),

lastDate: DateTime(2030));

print(‘$result’);

},

)

效果图

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

七 CupertinoDatePicker-仿IOS时间控件


7.1 示例

Text(“IOS风格-时间控件”),

Flexible(child: CupertinoDatePicker(

use24hFormat: true,

initialDateTime: _selectedDate,

onDateTimeChanged: (date) {

setState(() {

_selectedDate = date;

});

},

))

效果图

八 showTimePicker


8.1 说明

  • showDatePicker是点击后进行日期选择联动,showTimePicker是点击后进行时间选择联动

  • 长跟按钮的点击事件连用,点击后弹出时间选择框

  • showTimePicker同showDatePicker可以设置深色主题

8.2 示例

代码

Text(“showTimePicker”),

RaisedButton(child: Text(“showTimePicker”),

onPressed: () async {

showTimePicker(

context: context,

initialTime: TimeOfDay.now(),

builder: (context, child) {

return MediaQuery(

data: MediaQuery.of(context)

.copyWith(alwaysUse24HourFormat: true),

child: child,

);

});

},

),

效果图

[外链图片转存中…(img-MnxSC8q5-1712270498210)]

九 CupertinoTimerPicker -IOS时间选择器


9.1 示例

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)

最后

答应大伙的备战金三银四,大厂面试真题来啦!

这份资料我从春招开始,就会将各博客、论坛。网站上等优质的Android开发中高级面试题收集起来,然后全网寻找最优的解答方案。每一道面试题都是百分百的大厂面经真题+最优解答。包知识脉络 + 诸多细节。
节省大家在网上搜索资料的时间来学习,也可以分享给身边好友一起学习。

《960全网最全Android开发笔记》

《379页Android开发面试宝典》

包含了腾讯、百度、小米、阿里、乐视、美团、58、猎豹、360、新浪、搜狐等一线互联网公司面试被问到的题目。熟悉本文中列出的知识点会大大增加通过前两轮技术面试的几率。

如何使用它?
1.可以通过目录索引直接翻看需要的知识点,查漏补缺。
2.五角星数表示面试问到的频率,代表重要推荐指数

《507页Android开发相关源码解析》

只要是程序员,不管是Java还是Android,如果不去阅读源码,只看API文档,那就只是停留于皮毛,这对我们知识体系的建立和完备以及实战技术的提升都是不利的。

真正最能锻炼能力的便是直接去阅读源码,不仅限于阅读各大系统源码,还包括各种优秀的开源库。

腾讯、字节跳动、阿里、百度等BAT大厂 2020-2021面试真题解析

资料收集不易,如果大家喜欢这篇文章,或者对你有帮助不妨多多点赞转发关注哦。文章会持续更新的。绝对干货!!!

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门即可获取!

链图片转存中…(img-b4Avdo34-1712270498212)]

《507页Android开发相关源码解析》

只要是程序员,不管是Java还是Android,如果不去阅读源码,只看API文档,那就只是停留于皮毛,这对我们知识体系的建立和完备以及实战技术的提升都是不利的。

真正最能锻炼能力的便是直接去阅读源码,不仅限于阅读各大系统源码,还包括各种优秀的开源库。

[外链图片转存中…(img-nTUutYZf-1712270498212)]

腾讯、字节跳动、阿里、百度等BAT大厂 2020-2021面试真题解析

[外链图片转存中…(img-aJ6a99dX-1712270498213)]

资料收集不易,如果大家喜欢这篇文章,或者对你有帮助不妨多多点赞转发关注哦。文章会持续更新的。绝对干货!!!

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门即可获取!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值