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(),
    ));
  }

常用第三方组件

1. cached_network_image
   a. 图片缓存加载和载入效果
   b. 能很好的处理占位及错误图片
2. flutter_bloc:介绍
3. dio:网络请求库
4. shared_preferences:轻量级的存储类来保存键值对信息
5. path_provider:文件操作
6. pull_to_refresh:下拉刷新组件
7. fluttertoast:toast效果
8. photo_view:图片查看器
9. video_player:视频播放器

调试工具

Inspect Widget:view可能溢出