demo
入门参考:flutter 入门及实战
效果图
个人页
效果1
效果2
效果3
登录
IMG_0331.PNG
朋友圈
image
image
image
image
image
image
IMG_0328.PNG
IMG_0329.PNG
如何转json
推荐一个网站:在线json转model。
如果碰到报错，可能是关键字错误。另外，实际应用中要处理null,否则赋值到组件中会报错。
图片框架
使用:cached_network_image
如果是空url，就不要访问了，直接使用Image.asset。
列表访问太多的空url,控制台不停的报异常，情况差的时候内存溢出了。
18. * thread #16, name = 'io.flutter.worker.4', stop reason = EXC_RESOURCE RESOURCE_TYPE_MEMORY (limit=1450 MB, unused=0x0)
frame #0: 0x00000001035e1874 Flutter`ycc_rgb_convert + 144
Flutter`ycc_rgb_convert:
-> 0x1035e1874 <+144>: strb w20, [x3]
0x1035e1878 <+148>: ldr x20, [x13, x7, lsl #3]
0x1035e187c <+152>: ldr x19, [x12, x19, lsl #3]
0x1035e1880 <+156>: add x19, x19, x20
Target 0: (Runner) stopped.
null处理
在赋值给Widget，一定要处理好null,否则直接报错。
CircularProgressIndicator被拉伸
Widget customCircularProgressIndicator() {
return Center(
child: SizedBox(
width: 40,
height: 40,
child: CircularProgressIndicator(),
));
}
常用第三方组件
- cached_network_image
a. 图片缓存加载和载入效果
b. 能很好的处理占位及错误图片 - flutter_bloc:介绍
- dio:网络请求库
- shared_preferences:轻量级的存储类来保存键值对信息
- path_provider:文件操作
- pull_to_refresh:下拉刷新组件
- fluttertoast:toast效果
- photo_view:图片查看器
- video_player:视频播放器
调试工具
Inspect Widget:view可能溢出
