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/

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.

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上构建高质量的原生用户界面。