实用教程(Cookbook)

实用教程

本节内容包含了一个又一个的实用教程，帮助你解决编写 Flutter 应用中的常见问题。

动画

#

• 为页面切换加入动画效果
• Widget 的物理模拟动画效果
• Container 里的动画渐变效果
• Widget 的淡入淡出效果

设计

#

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

效果

#

• 实现一个下载按钮
• 实现嵌套路由交互
• 实现图片滤镜的轮播
• 实现滚动视差效果
• 实现骨架屏加载效果
• 实现菜单交错效果
• 实现输入指示器
• 实现可展开的浮动按钮
• 实现渐变的聊天气泡
• 实现可拖动的 UI 元素

表单

#

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

游戏

#

• 在手机游戏中添加成就和排行榜
• 通过 Firestore 添加多人游戏支持
• 在 Flutter 手机应用或游戏中添加广告

手势

#

• 添加点按涟漪效果 (Material Design)
• 捕获和处理点击动作
• 实现「滑动清除」效果

图片

#

• 显示网络上的远程图片
• 占位符和网络图片淡入

列表

#

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

维护

#

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

导航（路由）

#

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

网络

#

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

持久化

#

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

插件

#

• 视频的播放和暂停
• 在 Flutter 手机应用或游戏中添加广告
• 使用 Camera 插件实现拍照功能

测试

#

集成测试

#

• 集成测试介绍
• 性能分析

单元测试

#

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

Widget 测试

#

• Widget 测试介绍
• 定位到目标 widget
• 处理滚动
• 点击、拖拽事件和文本输入

如果想看到更多的教程，可以参考我们的 社区中文教程页面。