近年来，移动互联网迅猛发展，业务需求频繁更新，业务内容动态化需求急剧增加，纯原生开发已经无法满足业务快速增长的需求，因此诞生了多种跨平台开发框架，如 H5+ 原生开发、React Native 和 Weex ，但这两年最受开发者青睐的莫过于 Flutter。目前，很多应用都集成了 Flutter，我们团队也在涨乐财富通上实现了完整 Flutter 的集成过程，以下篇幅会具体介绍整个集成过程。
Flutter 实践（以 iOS 为例）
此次实践主要是为了验证整个流程，为后续大规模应用 Flutter 做铺垫，因此我们选择了一个业务相对简单的“技术论市”页面进行改造，该页面之前是 H5 实现的列表页，点击栏目会跳转到另一个 H5 页面详情页。
改造之后，原生界面点击按钮会打开 Flutter 列表页，点击 Flutter 页面的栏目会跳转到 H5 页面，点击返回可依次返回到上一个界面。从图中可以看出，整个流程的使用体验非常流畅。
组件化集成
如何将 Flutter 代码集成进现有工程是我们遇到的第一个挑战。Flutter 官网 (https://github.com/flutter/flutter/wiki/Add-Flutter-to-existing-apps#ios) 提供了一种解决方案，但存在以下缺陷：
需要修改主工程的配置，入侵原有工程；
工程运行需要 Flutter 环境，而在实际开发中并不是所有的团队成员都会参与到 Flutter 的开发，安装 Flutter 环境对于那些不需要 Flutter 开发的成员来说显然不合理。
官网的方案行不同，我们必须另辟蹊径。研究 Flutter 的编译脚本xcode_backend.sh发现，只要将 Flutter 编译产物放入主工程就能运行 Flutter 模块。为了便于管理，涨乐财富通采用私有 pod 管理编译产物的方式来集成 Flutter。
Flutter 工程的编译产物包含三个部分，分别是：
1.App.framework：所有的 Dart 代码，包括业务代码和依赖的第三方 package 代码，在 Debug 模式下只是一个空壳，在 Release 模式下是所有代码生成的机器码。
2.Flutter.framework：Flutter 的 SDK。
3.flutter_assets：Flutter 资源文件，包括字体、图片等。
创建私有 pod 用来管理这些编译产物，podspec
