Flutter 移动应用开发实战

由于本文档不能加链接，更多课程资料和答疑等信息请查看此文（blog.jaggerwang.net/jwcourse-flutter-mobile-app-develop-in-practice/）。iOS 上购买苹果会抽成 35%，请尽量在网站和安卓上购买，不影响在 iOS 上观看，谢谢！

课程简介
Flutter 是新一代的跨平台 UI 框架，由 Google 出品。不同于 React Native 这类采用 Hybrid 架构的框架，Flutter 的架构升级是革命性的。Flutter 从渲染引擎往上都由自己实现，因此可控性更强，跨平台的适应性也更好，在性能上更是媲美于原生应用。除了跨移动平台，Flutter 还计划跨桌面和 Web 平台，发展前景良好，值得投入时间和精力去学习。想开发你自己的抖音 APP 吗？本课程将带领大家使用革命性的 Google 跨平台 UI 框架 Flutter 来开发一款类似于抖音的短视频社交应用“围观”。课程内容主打实战，因此具备很强的工程实践参考性。课程视频累计时长接近 20 个小时，参考代码约 1 万行。只要用心学习完本课程，并理解清楚参考代码，则完全可以胜任初级或中级移动开发工程师岗位。

本课程里所开发的围观 APP 使用了模拟的后端 API 服务，可以替换为本网校另外一门课程"Python Sanic 高并发服务开发实战"里所开发的围观 API 服务，有志于成为全栈工程师的同学可以选学。

适用人群
学习过 Web、安卓、iOS 等任意一种客户端开发技术，有 Dart 语言基础（本网校已开设相关课程）。

项目演示

课程目录
Flutter 框架
介绍

• 特点
• 安装
• Hello Flutter

组件

• 什么是组件
• 组件如何渲染
• 基本组件
• Material 组件
• 生命周期事件
• Key
• Global Key

布局

• Flutter 布局机制
• 布局单个组件
• 水平和垂直布局
• 常用布局组件
• 布局实例

交互

• 有状态和无状态组件
• 创建有状态组件
• 常用交互组件

资源

• 添加资源
• 资源变体
• 加载资源
• 加载图片资源
• 依赖包中的图片资源

导航

• 导航器（Navigator）
• 进入和返回页面
• 使用命名路由
• 跨页面传递数据
• 跨页面指引

状态

• 什么是状态
• 状态类别
• 状态管理方式
• 状态存放位置
• 使用 provider 来管理状态

围观 APP 帐号功能开发
搭建骨架

• 功能介绍
• 干净架构
• 控制反转（IoC）
• 搭建骨架

实现 Tab 导航

• 创建 TabPage
• 创建 WgTabBar
• 给各 Tab 页添加 TabBar

定义业务实体

• JSON 序列化和反序列化
• 实现拷贝创建（copyWith）、按值比较（==）、字符串化（toString）等方法
• 定义 NoticeEntity

管理应用状态

• Redux 介绍
• 使用 Redux 的好处
• Flutter 应用里如何使用 Redux
• 集成 Redux

请求服务端数据

• 封装对服务端 API 的调用
• 使用 dio 来执行 http 请求
• 使用 cookie_jar 来支持 Cookie
• 模拟（Mock）服务端 API

注册/登录/退出

• 定义实体
• 登录
• 注册
• 检查登录
• 退出

显示/修改个人资料

• 显示个人资料
• 修改个人资料

围观 APP 动态功能开发
显示图片

• 使用 cached_network_image 来从网络加载并缓存图片
• 使用 carousel_slider 来轮播图片
• 创建 ImagePlayerPage

播放视频

• 使用 video_player 来播放视频
• 创建 VideoPlayerWithControlBar
• 创建 VideoPlayerWithCover
• 创建 VideoPlayerPage

发布动态

• 定义实体
• 上传文件
• 保存输入
• 使用 image_picker 来选取照片或视频
• 创建并处理 postPublishAction
• 创建 PublishPage

展示动态

• 创建 PostTile
• 创建并处理 PostFollowingsAction
• 创建并处理 postFollowingAction
• 在 HomePage 展示关注的动态

操作动态

• 喜欢动态
• 删除动态

围观 APP 用户功能开发
用户页之头部

• 创建并处理 userInfoAction
• 实现 SliverAppBar

用户页之主体

• 创建并处理 postPublishedAction
• 实现 TabBarView

用户关注

• 关注用户
• 创建 UserTile
• 创建并处理 userFollowingsAction
• 创建并处理 userFollowersAction
• 在 UserDetailPage 显示关注的用户
• 创建 FollowingUsersPage
• 创建 FollowerUsersPage

Android 打包

• 配置 Manifest
• 配置 Gradle
• 配置图标
• 签名
• 构建
• 发布

iOS 打包

• 注册 Apple 开发者帐号
• 注册应用
• 配置 Xcode
• 配置图标
• 命令行构建
• 使用 Xcode 来构建并发布到 App Store

更新日志

• 2019-11-03 课程视频全新录制，讲解更细致和准确，升级 Flutter 到 v1.9
• 2019-07-13 升级 Flutter 到 v1.7
• 2019-05-25 升级 Flutter 到 v1.5
• 2019-01-14 课程发布