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

本文完。