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

本文完。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 11,940评论 0 17
  • “妈,我走了” “衣服都收好了吗?路上吃的够不够?箱子沉不沉?火车站楼梯长不长,能不能拎动……” “哎呀,妈...
    米小米e阅读 4,258评论 0 0
  • 所有成就的获得都需要一点一点的去积累,好的身体,适当的体重,大的梦想,如此种种,"Rome wasn't buil...
    菜菜子Yonan阅读 1,666评论 0 0
  • 嫚嫚经常会跟我说接触聪明的人多了,自己也会变聪明,康康的家人们都很优秀,每个人身上都有优点,所以要多发现家人们身上...
    Tracy_zhang阅读 1,112评论 0 1

友情链接更多精彩内容