培训专题:Flutter 3.0跨端开发:iOS/Android/Web三端统一——从入门到企业级应用
培训对象:
希望进入跨平台移动开发领域的iOS/Android原生开发者
前端开发者(React/Vue/Angular)希望拓展移动端开发能力
需要同时覆盖iOS、Android、Web三端,降低开发成本的技术团队
创业团队、独立开发者,希望快速构建多端应用的技术选型者
Dart语言快速掌握:掌握Dart语言核心特性,为Flutter开发奠定坚实基础。
Flutter框架精通:深入理解Flutter组件化开发、状态管理、路由导航、动画等核心能力,能够独立开发完整应用。
多端适配能力:掌握iOS、Android、Web三端的差异处理与适配技巧,实现一套代码多端运行。
性能优化与调试:具备Flutter性能分析与优化能力,掌握常见性能问题的排查与解决。
企业级架构设计:掌握状态管理、网络请求、本地存储、路由管理等企业级应用必备技术,能够构建可维护的大型应用。
Dart环境搭建:SDK安装;编辑器配置(VS Code/Android Studio);Dart命令行工具。
Dart基础语法:变量与数据类型(var、final、const);内置类型(数值、字符串、布尔、列表、集合、映射);操作符。
函数与类:函数定义(参数、匿名函数、箭头函数);面向对象(类、构造函数、继承、混入(mixin)、抽象类、接口)。
异步编程:Future与async/await;Stream与流式处理;Isolate多线程基础。
异常处理:try-catch-finally;自定义异常。
Flutter开发环境搭建:Flutter SDK安装;iOS/Android/Web平台配置;模拟器与真机调试;Flutter Doctor诊断。
Flutter项目结构:项目目录解析;入口函数与runApp;Material App与Cupertino App。
Widget核心概念:Widget与Element;StatelessWidget与StatefulWidget;Widget生命周期。
基础布局组件:Container、Row、Column、Stack、Expanded、Flexible;对齐与边距。
基础UI组件:Text、Image、Icon、Button(各类)、TextField、Form;样式与主题。
高级布局:ListView(列表)、GridView(网格)、SingleChildScrollView(滚动)、CustomScrollView(自定义滚动);Sliver组件。
页面导航:路由基础(Navigator.push/pop);命名路由;路由传参;路由拦截与守卫。
底部导航与Tab:BottomNavigationBar实现;TabBar + TabBarView实现;页面状态保持。
状态管理概述:局部状态与全局状态;状态管理方案对比(setState、Provider、Bloc、GetX、Riverpod)。
Provider:Provider原理;不同类型Provider(Provider、ChangeNotifierProvider、FutureProvider、StreamProvider);Consumer与Selector使用。
Bloc/Cubit:Bloc架构;Cubit与Bloc区别;事件与状态定义;BlocProvider与BlocBuilder。
GetX:GetX核心概念(Controller、Obx、GetBuilder);依赖注入;路由管理;国际支持。
Riverpod:Riverpod vs Provider;Provider定义与监听;异步状态处理。
网络请求:Dio库使用(请求/响应拦截、错误处理、取消请求);数据模型序列化(json_serializable)。
本地存储:SharedPreferences;SQLite(sqflite);Hive轻量级数据库。
文件操作:文件读写(path_provider);图片选择与上传(image_picker)。
iOS/Android平台适配:平台差异处理(SafeArea、Cupertino组件);权限处理(permission_handler)。
Web平台适配:Web渲染器选择(HTML/Canvas);响应式布局实现;Web特有功能(URL路由、SEO)。
平台通道:MethodChannel实现原生调用;EventChannel实现事件监听;编写平台特定代码。
动画基础:隐式动画(AnimatedContainer、AnimatedOpacity);显式动画(AnimationController、Tween、CurvedAnimation)。
高级动画:Hero动画(共享元素过渡);交错动画;自定义绘画(CustomPaint)。
手势识别:GestureDetector;手势冲突解决;自定义手势。
模块化设计:功能模块划分;模块间通信;路由模块化(auto_route/go_router)。
代码生成:build_runner使用;路由代码生成;JSON序列化代码生成。
单元测试:test包使用;测试Controller与Service;Mock依赖。
Widget测试:testWidgets使用;组件交互测试;截图测试。
集成测试:integration_test包使用;用户流程测试;性能测试。
调试技巧:DevTools使用(性能视图、内存视图、网络视图);日志调试;断点调试。
渲染性能优化:RepaintBoundary减少重绘;const构造函数;ListView.builder优化长列表。
内存优化:图片缓存管理;资源释放;内存泄漏检测。
包体积优化:代码混淆与压缩;资源裁剪;动态库加载优化。
启动速度优化:冷启动优化;Splash Screen配置;首帧渲染优化。
iOS发布:证书与配置文件;App Store Connect配置;提交流程。
Android发布:签名生成;Google Play Console配置;应用内更新。
Web部署:构建命令;静态服务器部署;CDN配置。
项目初始化与架构设计
项目创建与依赖配置
目录结构设计(核心库、功能模块、共享组件)
状态管理选型与配置
路由模块化设计
网络层封装(请求/响应拦截、错误处理)
认证模块
登录/注册页面设计
表单验证实现
JWT Token存储与管理
用户信息状态管理
首页模块
轮播图组件实现
商品分类导航
商品瀑布流列表(优化加载)
下拉刷新与上拉加载
商品详情模块
图片轮播(手势缩放)
商品属性选择
购物车添加动画
评论列表与评分
购物车模块
购物车列表(编辑、删除)
数量修改与金额计算
结算跳转
购物车状态持久化
订单模块
订单确认(地址选择、配送方式)
支付集成(微信/支付宝)
订单列表(状态分类)
订单详情与物流查询
个人中心模块
用户资料展示与编辑
地址管理
我的收藏/足迹
设置页面
消息模块(可选)
消息列表
WebSocket集成(即时通讯)
推送通知集成(Firebase/极光)
多端适配与发布
iOS/Android样式统一与差异处理
Web响应式布局适配
各平台打包配置
上线与版本迭代