Flutter开发实战详解:入门与进阶全攻略

发表时间: 2021-10-30 20:09

前言

Flutter是一款移动应用程序 SDK,一份代码可以同时生成 iOS 和 Android 两个高性能、高保真、表现一致的应用程序。目标是使开发人员能够交付在不同平台上都感觉自然流畅的高性能应用程序

不过对于 Flutter 很多人都存在疑问:现在还有大厂在用 flutter 吗?

答案当然是有的,在一份关于国内大厂在移动端跨平台的框架接入分析的文章里就有统计,许多大厂仍然使用 Flutter。例如下图:

并且在大厂的招聘岗位要求里,会 Flutter 跨平台技术经验也是一个加分项。

如何学习Flutter?

如何学习 Flutter 呢?这里给大家分享一份《Flutter入门与实战》,Flutter入门到 Flutter 项目实战的学习,从 Flutter 基本功能,Flutter 路由管理、Flutter网络请求插件、Flutter 动画 五个方面对 Flutter 进行详细讲解。


【私信:Flutter】 免费领取完整版《Flutter入门与实战》!

第一章、Flutter 基本功能

  • 我的第一个 Flutter 应用之旅
  • 容器的盒子模型
  • 构建一个常用的页面框架
  • 来一个图文并茂的列表
  • 给列表增加下拉刷新和上滑加载更多功能
  • 使用cached_network_image 优化图片加载体验
  • 仿一个微信价值几个亿的页面
  • 开发一个常用的登录页面
  • 封装一个通用的文本输入框
  • 底部弹窗ModelBottomSheet详解
  • 利用CustomScrollView实现更有趣的滑动效果
  • 底部弹窗如何实现多项选择?

第二章、Flutter 路由管理

  • App页面路由及路由拦截实现
  • 路由参数处理
  • 初识 fluro 路由管理
  • 使用 fluro 的转场动画提高页面切换体验
  • 使用自定义转场动画实现个性化页面切换
  • 此路是我开,此树是我栽。若是没权限,403到来
  • Flutter 2.0的路由把我搞蒙了
  • 山路十八弯的2.0路由

第三章、Flutter 网络请求插件 Dio

  • 初次见面,网络请求王者之dio
  • 利用 Dio请求删除数据
  • 使用 Dio的 Patch请求完成详情编辑
  • 使用 Post 请求增加动态
  • 一文搞定图片选择及图片上传
  • 使用 GetIt 同步不同页面间数据
  • Dio 封装之金屋藏娇
  • Dio 之拦截器
  • Dio之戛然而止
  • 从源码深入了解Dio 的
  • 小伙子,你买票了吗?
  • 手写一个持久化的
  • Dio之文件下载
  • Dio 篇章总结

第四章、Flutter 状态管理

  • 基础原理篇
  • Provider篇
  • Redux篇
  • Mobx篇
  • Getx篇
  • BLOC篇
  • 状态管理系列大汇总

第五章、Flutter 动画

  • 使用 Animation 构建爱心三连动画
  • 让你的组件拥有三维动效
  • 小姐姐渐现效果 ——AnimatedOpacity 使用
  • 使用 AnimatedBuilder分离组件和动画,实现动效复用
  • 看这一颗跳动的热心—— AnimatedPadding 应用
  • 使用AnimatedSwitcher 做场景切换
  • 给小姐姐的照片调个颜色滤镜