新手入门必备的Flutter技术解析与实战手册

Posted 2022-12-12 上马定江山

Flutter 是 Google 推出的一套开源跨平台UI框架，可以快速地在android、ios和Web平台上构建高质量的原生用户界面。

Flutter 优点众多：可以保存并重载；可以将空间集合、动画库及架构组合起来，设计更加丰富和灵活的界面；可以借助渲染引擎及高性能本地代码运行，以达到跨平台设备的高质量用户体验…

总结一下就是——利用Flutter构建的应用在运行效率上会和原生应用差不多，甚至更好。最重要的一点是，Flutter是完全免费、开源的。如今，Flutter在世界范围内的使用率越来越高，得到了越来越多开发者和组织的认可。

除了提升技术、为我们的开发项目助力以外，Flutter现在也是求职中的加分项，学会这门跨平台技术将为你的面试重重加码。

话不多说，这里，就给大家分享一份Flutter技术解析与实战，包含混合工程、业务架构、数据统计、企业实战案例等内容，帮助大家提升进阶。

有需要完整文档的伙伴可点击文末卡片查看获取方式！

《Flutter入门与实战》

目录

第一章、Flutter基本功能

• 我的第一个 Flutter 应用之旅
• 容器的盒子模型
• 构建一个常用的页面框架
• 设置 App 的主色调与字体
• 来一个图文并茂的列表
• 给列表增加下拉刷新和上滑加载更多功能
• 使用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 做场景切换
• 给小姐姐的照片调个颜色滤镜

《Flutter技术解析与实战》

目录

第一章 混合工程

• Flutter工程体系
• 混合工程改造实战
• 混合工程与持续集成
• 快速完成混合工程搭建
• 使用混合栈框架开发

第二章 能力增强

• 基于原生能力的插件扩展
• 基于外接纹理的同层渲染
• 多媒体能力扩展实践
• 富文本能力应用实践

第三章 业务架构设计

• 应用框架设计实践
• 轻量级动态化渲染引擎的设计
• 面向切面编程的设计实践
• 高性能的动态模板渲染实践

第四章 数据统计与性能

• 数据统计框架的设计
• 性能稳定性监控方案的设计
• 高可用框架的设计与实践
• 跨端方案性能对比实践

第五章 企业级应用实战

• 基于Flutter的端结构演进与创新
• Flutter与FaaS云端一体化架构

​

《Flutter完整开发实战详解》

目录

​

由于文章内容比较多，篇幅有限，资料已经被整理成了PDF文档，有需要Flutter技术解析与实战完整文档的可点击文末卡片查看获取方式！