实用教程

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

Animation

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

Design

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

Effects

• Create a download button
• Create a nested navigation flow
• Create a photo filter carousel
• Create a scrolling parallax effect
• Create a shimmer loading effect
• Create a staggered menu animation
• Create a typing indicator
• 创建一个点击展开的 FAB
• Create gradient chat bubbles
• Drag a UI element

Forms

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

Gestures

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

Images

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

Lists

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

Maintenance

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

Navigation

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

Networking

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

Persistence

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

Plugins

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

Testing

Integration

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

Unit

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

Widget

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

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