Flutter 实战进阶

2019-03-19 16:02:25

Flutter 在实际开发中遇到的一些问题及解决方案,作为笔记记录。 1、container width、height 100% FractionallySizedBox( widthFactor: 1, heightFactor: 1, child: , ) double width = MediaQuery.of(context).size.width double height = MediaQuery.of(context).size.height 2、沉浸式背景图片 背景图片铺满Appbar及状态栏 Widget build(BuildContext context) { return new Stack( children: <Widget>[ Container( child: Image.network('https://www.bing.com/

何人在此

2019-02-16 21:38:48

发现现在有些年轻人,看书,看剧,看很多东西,听很多东西。日常表述观点惯用:某某说过,我特别赞同/喜欢某某在哪哪说的什么。遇到事自己没主意时,不先思考下,首先想到的就是去问周边同龄的朋友,或者去网上搜索,然后筛选些自己看着舒服的答案直接拿过来用。这些好像没什么不对。然而自始至终都没有太多的自我思考,大多是嗟来之食。人生来就是一张白纸。就中青少而言白纸又分为多种。一种,就是开头说的这种。在感觉到自己的空白后,在慌张下开始”学习“,这确实是好事,然而吃相太不讲究,遇到的各种观点,只要看着舒服的,拿来就吃,饥不择食,快速的填充自己的世界观。找到自己觉得不错的观点就狼吞虎咽,收藏起来。到头来,说起什么话题,遇到什么问题,确能迅速从藏品中拿出来一个观点回应,来作为行为的指引,实则是别人的观点。而这些观点一般都是供大众消费用的,类鸡汤文。看似很有见地,但却是真真儿的是受人操控,活在大流中的傀儡。这种人我称之为会吸星大法的,大家都知道,在所有武侠小说中,吸星大法都是极为厉害的武功,能让人快速“变强”

Flutter组件合集

2019-02-12 17:00:05

Element Form 1、Input TextField 最常用的文本输入组件。 用户修改文本时,可通过Onchange获取最新的文本信息。 onSubmitted可获取到软键盘的确认按钮。 默认下方有一个横线,decoration属性可以设置图标、padding等更多属性 2、Checkbox CheckboxListTile 下拉复选框,带有复选框的ListTile,带有标签的ListTile 整个列表的图块是交互的,点击图块中的任意位置可切换复选框。 Checkbox 3、Button FlatButton 默认无边框,无背景色的按钮 FlatButton.icon 为带图标的 RaiseButton 凸起的按钮——带有shadow阴影的质感按钮 RaiseButton.icon 为带图标的 IconButton 纯图标按钮,无边框无背景色 PopupMenuButton 弹出菜单栏的图标。 PopupMenuButton 和 popupMenuItem 配合使用。 选择菜单项时,触发onSelected方法。 FloatingActionButton 默认的圆形悬浮按钮,每个页面最多一个。Scaffold.

Mweb使用腾讯COS作为图床

2019-01-25 22:48:36

新入一盆小老弟同款熊爪,取名金风。 回归主题。接上上上上篇,使用腾讯COS替代七牛作为图床之后。平时使用Mweb作为Markdown写作软件,用着蛮舒服的。但是Mweb集成的图床是七牛的图床,腾讯COS的没有集成。每次发布文章前要把文章中的图片手动上传,然后复制链接。😂 当文章中的图片比较多的时候,我发现太扯淡了...所以想着整个上传的API。结果找了一圈没发现现成的轮子,只能自己造一个了。 思路比较简单,就是利用Mweb可配置自定义的图片上传功能。写一个腾讯COS上传图片的接口,然后配置到Mweb中即可。同时可配置CDN加速、图片处理规则。 github: https://github.com/flute/Mweb_tencet_cos 代码如下: /** * MWeb使用腾讯云存储COS作为图床 * 利用COS API,用nodejs作为server上传图片,添加至MWeb的配置中即可 * 2019-01-25 23:00 * author: ludis * github: https://github.com/flute/Mweb_tencet_cos * COS

Flutter学习之旅——实用入坑指南

2019-01-20 14:10:47

开篇: 一如前端深似海,从此节操是路人,从此再无安宁日,从此红尘是路人。要说技术更迭速度,还有比前端更快的么😂根本停不下来。这不,Google刚发布Flutter不到一年时间,1.0正式版发布不到两个月。阿里系的闲鱼老大哥,已经率先用Flutter重构了闲鱼,虽然没完全重构,但高频的重度页面都是Flutter的了。这一幕似曾相识,当初RN出来的时候不也是闲鱼团队先吃的螃蟹吗,在这里向闲鱼团队的老哥们致敬🐣。 既然老大哥都出动了,也侧面验证了这项技术的可行性。当小弟的也不能落后嘛,每天抽时间断断续续的学了两周时间,仿部分知乎的客户端,撸了一套客户端出来。前一周主要是熟悉Dart语言和常规的客户端布局方式,后一周主要是掌握使用HTTP的请求、下拉上拉、左滑右滑、长按等常用手势、相机调用、video播放等进阶用法。 两周下来,基本上可以开发80%以上常见的客户端需求。 前期一直在用simulator开发,略有卡顿,心中难免有些疑惑。结果最后release打包到手机后,竟然如丝般顺滑!!!简直喜出望外,完全可以睥睨原生开发,在这一点上的确要优于目前的RN。最重要的是作为Materail Design极简又有质感风格的鸭狗血粉丝,Flutter造出来的界面简直倍爽。至此正式入坑Flutter开发。Google万岁! Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。

狗生第一篇观剧感——大江大河

2019-01-12 12:26:58

写了小半年的“日记”,实际算不得日记,因为没做到一日一记😂。开始习惯记录平时的所想所感。 刚好最近看到为改革开放40年献礼而不失有趣的国产剧《大江大河》,刚看了几眼就觉得此剧值得一看。看的过程中,经常自己抹眼泪😂,真是一个费纸的剧。所以想到可以边看边写一些情感波动和联系到的东西,应该是种不错的体验,所以就有了狗生的第一篇电视剧观看历程。(出于时间考虑,前25集1.5倍速观看,后面的2倍速观看。发现效果很不错) 导演真的太敬业了,此剧以上世纪七八十年代农村为主场景,从农村长大的我,剧中好多的场景,物件,人设,真的是一看就立马回到小时候的记忆,真棒👍。 人们成熟之后,最节俭的,不是金钱,而是情感,自己很少用,也不向别人索取。只存不取,攒得多了,偶尔在遇见一部电影,一首老歌的时候,倾泄而出。 ——《半山文集》 不说了,上笔记。 这几天撸铁撸得有点过了,麒麟臂疼得不行,不码字了。最后以东宝书记的三轮车结束吧,快上车。

2018-2019

2019-01-01 13:00:57

今年过得好快鸭🦆。来个日常年常简短总结。 今年也算是一个小的里程碑,在某些方面有了一些大的变化。值得庆祝。 在工作上,一直积极关注学习新的东西。16年刚毕业的一年,从前端到Node后端,到使用Vue,RN,Electron等开启全栈之路,开拓了较广的技术栈。到17年紧跟“潮流”,去做了半年多的小程序全栈,同时巩固了后端开发。至此貌似大前端的大多数东西都已经有过开发经验,勉强算的上伪全栈。作为一个好奇的人,从17年就开始关注区块链技术,入了币圈。并在17年底心血来潮,来了一波说走就走的裸辞,还拉上了几个垫背的几个好机油,一起拥抱百年一遇的泡沫狂欢技术革命。 事实上回头来看,这种骚操作果敢,带来的收益是极大的,年轻就要醒着拼。我不知道当初选择继续原公司的工作,现在是什么样。但裸辞后全身心投入区块链的学习,学go,学以太坊,学合约等等,学习过程中结识了很多优秀的人,来自各行各业的,有年薪百万的大佬,有清华的投行高材生,有手握矿机的机霸矿霸,有还在学校的大四学生,有以卡还卡的套现大佬,有出口成章的演讲家。大家聚在一起享受币圈的狂欢的同时,一起学习进步,真的是学到了很多东西。第一次步入这样一个个体差异极大的群体,真的是从每个人身上学到很多,受益匪浅。

图床从七牛迁移至腾讯COS

2018-12-13 16:43:29

前言(吐槽): 之前收到邮件,七牛要回收什么测试域名,想着没啥影响。因为我绑定了备案域名。最近突然发现博客好多图片挂了。一看我备案了快五年的域名被取消备案了???而且七牛直接把测试域名删了... 我当初注册的就是个人性质博客类网站,五年时间网站一直正常运行,且内容性质从未改变。空壳网站?备案信息不准确?真是睿智 🖕 概览 以下操作在macOS下进行。所有命令的文档请参考qshell命令列表 主要流程: 下载七牛中的所有资源,上传至腾讯COS。由于七牛的测试域名已失效,原空间的资源无法直接下载,所以先新建一个空间(新空间测试域名30天有效期),将旧空间的资源全部转移至新空间,然后从新空间下载所有资源。 一、七牛资源从就空间转移至新空间 1、下载七牛的命令行工具qshell 2、解压、重命名、赋予qshell运行权限 前往目录 cd /Users/ludis/Downloads/qshell-v2.3.4 && ll ➜ qshell-v2.3.4 ll

[译]如丝般顺滑-使用css3实现60帧的动画

2018-12-03 15:58:55

原文: Smooth as Butter: Achieving 60 FPS Animations with CSS3在移动端上实现动画很简单。如果采取我们的建议的话,在移动端正确的实现动画也会比较容易。虽然现在很多人在手机上运用CSS3动画,但许多人用的都不够恰当。很多应加以考虑的最佳实践常常被忽略,因为仍然有人不明白这些最佳实践的真正意义。如今有这么多的设备规范,如果还不有针对性地优化你的代码,糟糕的用户体验将让你死无葬身之地。记住:虽然市场上始终有一些高端的旗舰机在挑战性能极限,但你面对的仍将是和这些性能怪兽相比只是玩具一样的低端设备。我们想帮助你正确地驾驭 CSS3。首先先要了解几件事。理解时间轴当渲染和处理HTML元素时,浏览器做了什么?这个非常简单的时间轴我们称之为 关键渲染路径想要达到流畅的动画效果,我们需要关注修改属性会对 composite (合成)阶段造成怎样的影响。而不是去关注前面的其他阶段。1. Styles浏览器开始计算样式以应用在元素上——重新计算样式2. Layout接下来,浏览器会开始为每个元素生成用于布局的形状和位置信息。在该步骤浏览器会设置的页面属性包括 width和height,还有margin,以及left/top/right/bottom 等。3. Paint在该步骤,浏览器开始用像素渲染填充每个元素,

Mac Photoshop 2018(Adobe全家桶)下载破解

2018-10-14 12:42:31

请支持正版软件!!! 适用于Adobe所有软件的安装破解,以 Photoshop 2018 为例。根据电脑语言为中文/英文,安装完的软件自动为中文/英文。 1、下载安装 Adobe creative cloud 下载地址:https://www.adobe.com/creativecloud/desktop-app.html 可以理解为Adobe的下载器,可以使用这个下载器下载所有Adobe产品。 下载完成后,选择登陆/注册Adobe账户,然后你就可以看到如下页面: 而事实上,从官网介绍来看,我们需要的是这样的(Apps页面可下载Adobe的产品): 猜测可能是因为注册的账户是天朝或者所在地为天朝的原因,好多功能被屏蔽了,大天朝还真是一枝独秀,且看我手势 🖕 解决方法: macOS修改 Adobe creative cloud 的配置文件:false 改为 true: sudo vi /Library/Application