Flutter——官方实用教程 :动画,设计,文本,手势,列表,错误,导航,网络,数据持久化,拍照,测试

实用教程

本文,太水。只是为了记录。

Animation

  • Animate a widget using a physics simulation
  • Container 里的动画渐变效果
  • Widget 的淡入淡出效果
  • 为页面切换加入动画效果

Design

  • 以 package 的方式使用字体
  • 使用 Themes 统一颜色和字体风格
  • 使用 tabs
  • 使用自定义字体
  • 在屏幕上添加一个 Drawer
  • 显示 snackbars
  • 根据屏幕方向更新界面

Forms

  • 响应文本框内容的更改
  • 文本框的创建和设定
  • 构建一个有验证判断的表单
  • 焦点和文本框
  • 获取文本框的输入值

Gestures

  • 实现「滑动清除」效果
  • 捕获和处理点击动作
  • 添加点按涟漪效果 (Material Design)
  • Images
  • 使用缓存图片
  • 占位符和网络图片淡入
  • 显示网络上的远程图片

Lists

  • 创建一个水平滑动的列表
  • 创建一个网格列表
  • 创建拥有不同列表项的列表
  • 在列表顶部放置一个浮动的 app bar
  • 基础列表
  • 长列表的处理

Maintenance

  • 把报错信息通过服务上传

Navigation

  • 从一个页面回传数据
  • 传递数据到新页面
  • 导航到一个新页面和返回
  • 导航到对应名称的 routes 里
  • 给特定的 route 传参
  • 跨页面切换的动效 Widget (Hero animations)

Networking

  • 发起 HTTP 认证授权请求
  • 发起 WebSockets 请求
  • 在后台处理 JSON 数据解析
  • 获取网络数据

Persistence

  • 存储键值对数据
  • 文件读写
  • 用 SQLite 做数据持久化

Plugins

  1. 使用 Camera 插件实现拍照功能
  2. 视频的播放和暂停

Testing

  • Integration
  • 列表滚动
  • 性能分析
  • 集成测试介绍

Unit

  • 使用 Mockito 模拟依赖关系
  • 单元测试介绍

Widget

  • Widget 测试介绍
  • 定位到目标 Widgets
  • 点击、拖拽事件和文本输入
image.png

本文完。

推荐阅读更多精彩内容

  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 4,979评论 0 17
  • 亲爱的 宝贝王梓璇, 这是一封来自夏令时墨尔本时间 22:36大洋路十二使徒岩的信。 一褶褶层层叠叠的岩石,等待信...
    eudemoniaJason阅读 55评论 0 0
  • “妈,我走了” “衣服都收好了吗?路上吃的够不够?箱子沉不沉?火车站楼梯长不长,能不能拎动……” “哎呀,妈...
    米小米e阅读 536评论 0 0
  • 所有成就的获得都需要一点一点的去积累,好的身体,适当的体重,大的梦想,如此种种,"Rome wasn't buil...
    文殊读书阅读 67评论 0 0
  • 嫚嫚经常会跟我说接触聪明的人多了,自己也会变聪明,康康的家人们都很优秀,每个人身上都有优点,所以要多发现家人们身上...
    Tracy_zhang阅读 45评论 0 1