前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >[Flutter]一些常用操作(持续更新...)

[Flutter]一些常用操作(持续更新...)

作者头像
吴老师
发布2018-09-05 11:05:24
1.7K0
发布2018-09-05 11:05:24
举报

点击空白处隐藏键盘

给Container添加一个点击隐藏子widget TextField隐藏键盘的操作,加上去后发现没有用,点击空白处并不能收起键盘。给container添加一个背景后才起作用。

是因为默认清楚下透明区域不响应事件,给GestureDetector加上behavior: HitTestBehavior.translucent,这个参数就可以正常接受了。

颜色

  • 0xaarrggbb Color(0xff00ffff); // 这个一定要注意前面两位是透明度
  • argb Color.fromARGB(255, 150, 150, 150) 各值的范围都是0 - 255

时间日期格式化

暴力的方式,自己封装成好用的库吧

代码语言:javascript
复制
DateTime date = joke.createdAt;
    // yyyy-MM-dd HH:mm:ss
    String timestamp = "${date.year.toString()}-${date.month.toString().padLeft(2,'0')}-${date.day.toString().padLeft(2,'0')} ${date.hour.toString().padLeft(2, '0')}:${date.minute.toString().padLeft(2, '0')}";

TextField键盘显示和隐藏

给TextField指定一个FocusNode.

要显示键盘调下面的代码:

代码语言:javascript
复制
FocusScope.of(context).requestFocus(focusNode);

隐藏键盘:

代码语言:javascript
复制
focusNode.unfocus();
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.05.25 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 点击空白处隐藏键盘
  • 颜色
  • 时间日期格式化
  • TextField键盘显示和隐藏
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档