共计 4145 个字符，预计需要花费 11 分钟才能阅读完成。
Flutter 混合开发系列 蕴含如下：
- 嵌入原生 View-Android
- 嵌入原生 View-iOS
- 与原生通信 -MethodChannel
- 与原生通信 -BasicMessageChannel
- 与原生通信 -EventChannel
- 增加 Flutter 到 Android Activity
- 增加 Flutter 到 Android Fragment
- 增加 Flutter 到 iOS
每个工作日分享一篇，欢送关注、点赞及转发。
Flutter 能够作为 frameworks 增加到 iOS 我的项目，iOS 我的项目引入 Flutter module 须要装置 Xcode，另外 Flutter 反对 iOS8 及以上。
创立 Flutter module
因为 Xcode 无奈像 Android Studio 一样装置插件，因而只能通过命令创立 Flutter module，关上终端，输出如下：
cd ios 我的项目根目录
flutter create --template module my_flutter
执行结束后，Flutter module 将会创立在 ios 我的项目 /my_flutter 目录下，目录构造如图：
.ios 是暗藏目录，能够独自运行 Flutter module，测试此模块的性能，iOS 代码增加到现有应用程序的我的项目或插件中，而不是增加到模块的.ios / 目录中。
因为.ios / 目录是主动生成的，因而请勿对其进行源代码管制。在新机器上构建模块之前，请先在 my_flutter 目录中运行 flutter pub get 来从新生成.ios / 目录，而后再应用 Flutter 模块构建 iOS 我的项目。
将 Flutter 模块嵌入到现有应用程序中
将 Flutter 模块嵌入到现有 iOS 应用程序中有两种形式：
- 应用 CocoaPods 和已装置的 Flutter SDK（举荐）。
- 为 Flutter 引擎，已编译的 Dart 代码和所有 Flutter 插件创立 frameworks。手动嵌入 frameworks，并在 Xcode 中更新现有应用程序的构建设置。
应用程序无奈在 Release 模式下的模拟器上运行，因为 Flutter 尚不反对为 Dart 代码提前输入 x86 / x86_64 二进制（AOT）二进制文件。在模拟器或实在设施上以调试模式运行，而在实在设施上以 Release 模式运行。
上面的两种形式是将 Release frameworks 增加到 iOS 应用程序，因而 编译 的时候设施不能抉择模拟器，否则编译失败。
编译胜利：
抉择模拟器编译失败：
应用 CocoaPods 和已装置的 Flutter SDK
此办法须要所有的相干开发的人员装置 Flutter 环境。
假如现有应用程序和 Flutter 模块位于同级目录中。如果您应用其余目录构造，则可能须要调整相对路径，目录如下：
批改 iOS 应用程序中 Podfile 文件，如果没有则手动创立，内容如下：
flutter_application_path = '../my_flutter'
load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')
target 'My App' do
install_all_flutter_pods(flutter_application_path)
end
CocoaPods 相干请参考官网。
执行 pod install 命令：
当在 my_flutter / pubspec.yaml 中更改 Flutter 插件的依赖性或者第一次运行时，请在 Flutter 模块目录中运行 flutter pub get 来刷新 podhelper.rb 脚本读取的插件列表。而后，从应用程序目录再次运行 pod install。
podhelper.rb 脚本将插件 Flutter.framework 和 App.framework 嵌入到我的项目中。
用 Xcode 关上 My App.xcworkspace，如果曾经关上则须要敞开从新关上，应用 ⌘B 编译我的项目，编译胜利。
在 Xcode 中嵌入 Flutter Frameworks
通过命令生成必要的 Frameworks，并通过手动编辑现有的 Xcode 我的项目将它们嵌入到应用程序中。如果团队成员无奈在本地装置 Flutter SDK 和 CocoaPods，或者您不想在现有应用程序中将 CocoaPods 用作依赖项管理器，则能够应用此形式。每次在 Flutter 模块中进行代码更改时，都必须运行 flutter build ios。
运行如下命令生成 Frameworks：
flutter build ios-framework --output=./Flutter/
执行结束后在对应的目录下生成相干编译产物：
frameworks 曾经生成，将 frameworks 链接到 iOS 应用程序有很多中办法，上面介绍一种，关上 Xcode，
将 App.framework 和 Flutter.framework 拖入Build Settings > Build Phases > Link Binary With Libraries：
此时在我的项目的左侧减少 Frameworks 目录：
在 Build Settings -> Search Paths -> Framework Search Paths 中增加 ${PODS_ROOT}/../my_flutter/Flutter/Release
应用 ⌘B 编译我的项目，编译胜利。
创立 FlutterEngine 和 FlutterViewController
将 Flutter 页面嵌入 iOS 应用程序须要创立 FlutterEngine（Flutter 引擎）和 FlutterViewController，FlutterEngine 是 Dart VM 和 Flutter 运行时的 host，FlutterViewController 附着于 FlutterEngine，作用是通信和显示 Flutter UI。
创立 FlutterEngine：
import UIKit
import Flutter
@UIApplicationMain
class AppDelegate: FlutterAppDelegate {lazy var flutterEngine = FlutterEngine(name: "my flutter engine")
override func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {flutterEngine.run();
return super.application(application, didFinishLaunchingWithOptions: launchOptions);
}
}增加一个按钮，跳转到 Flutter 页面：
import UIKit
import Flutter
class ViewController: UIViewController {override func viewDidLoad() {super.viewDidLoad()
let button = UIButton(type:UIButton.ButtonType.custom)
button.addTarget(self, action: #selector(showFlutter), for: .touchUpInside)
button.setTitle("显示 Flutter", for: UIControl.State.normal)
button.frame = CGRect(x: 80.0, y: 210.0, width: 160.0, height: 40.0)
button.backgroundColor = UIColor.blue
self.view.addSubview(button)
}
@objc func showFlutter() {let flutterEngine = (UIApplication.shared.delegate as! AppDelegate).flutterEngine
let flutterViewController =
FlutterViewController(engine: flutterEngine, nibName: nil, bundle: nil)
present(flutterViewController, animated: true, completion: nil)
}
}
下面的代码应用了缓存 FlutterEngine，当然这也是举荐的一种形式。
还有一种形式是是应用隐含的 FlutterEngine，应用隐含的 FlutterEngine 会明显增加显示 Flutter UI 的工夫，通常不倡议这样做，如果很少显示 Flutter 屏幕，没有好的办法来确定何时启动 Dart VM 以及何时 Flutter 不须要在视图控制器之间放弃状态，则这可能很有用。
func showFlutter() {let flutterViewController = FlutterViewController(project: nil, nibName: nil, bundle: nil)
present(flutterViewController, animated: true, completion: nil)
}指定入口点
默认状况下 FlutterEngine 加载 lib/main.dart 文件中的 main() 办法，也能够指定其余文件的办法：
flutterEngine.run(withEntrypoint: "newEntrypoint", libraryURI: "main.dart")初始化路由
从 Flutter 1.22 版开始，能够指定路由
let flutterEngine = FlutterEngine()
flutterEngine.run(withEntrypoint: FlutterDefaultDartEntrypoint, initialRoute: "/one_page")
交换
老孟 Flutter 博客（330 个控件用法 + 实战入门系列文章）：http://laomengit.com
欢送退出 Flutter 交换群（微信：laomengit）、关注公众号【老孟 Flutter】：