本教程是在xcode 11.1 、cocospod 1.7.5 、flutter 1.10.15-pre.115 下完成的。

1.安装flutter

按照官网的教程，一步一步来，没什么好说的。

2.接入现有项目

一般有两种方式，一种是将编译过程接入进来，调试较为方便，但是需要开发人员安装flutter环境。另一种是只将flutter的编译产物app.framework、flutter.framework等库文件接入进来。这种方式对原工程侵入性小，非flutter开发人员无需安装flutter环境。

两种来说，接入复杂度差不多，我们使用了第一种的方式，因为人员不多，组件化没有那么彻底，人人都需要用flutter开发，并且cocospod接入相对比较方便。以后如果有需要可以改用第二种。

流程：

2.1 在工程同级目录下，创建flutter工程

flutter create -t module flutter_module

这个目录就是我们日常开发flutter用的工程目录，一般是与工程同级，与安卓协同开发的话，这个目录会加入git由两端共同维护。这里推荐git submodule由主工程git引用。

2.2 在 podfile文件中加入两处代码

1flutter_application_path = '../flutter_module'
2load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')

和

install_all_flutter_pods(flutter_application_path)

如图所示

然后重新 pod install 一下，这个时候xcode工程里pod下面应该会多三个文件夹如图所示。

这个过程如果报错，很有可能与你cocospod版本有关，请升级到最新。

到现在就算接入成功了。工程应该可以正常编译。

2.3 改写 appDelegate

首先引入 flutter头文件，使其继承 FlutterAppDelegate ，删除 @property (strong, nonatomic) UIWindow *window; ，因为集成的delegate里面已经有了，同时声明一个FlutterPluginAppLifeCycleDelegate的属性，并初始化它。

1- (instancetype)init {
2    if (self = [super init]) {
3        _lifeCycleDelegate = [[FlutterPluginAppLifeCycleDelegate alloc] init];
4    }
5    return self;
6}

把使用到的代理，都改为以下方式，使用_lifeCycleDelegate调用传递一次，具体可以去lifeCycleDelegate的头文件里找。

1- (BOOL)application:(UIApplication*)application
2didFinishLaunchingWithOptions:(NSDictionary*)launchOptions {
3    return [_lifeCycleDelegate application:application didFinishLaunchingWithOptions:launchOptions];
4}
5    
6    
7- (void)applicationWillTerminate:(UIApplication*)application {
8    [_lifeCycleDelegate applicationWillTerminate:application];
9}
10    
11- (void)application:(UIApplication*)application
12didRegisterUserNotificationSettings:(UIUserNotificationSettings*)notificationSettings {
13    [_lifeCycleDelegate application:application
14didRegisterUserNotificationSettings:notificationSettings];
15}
16    ……

到此改造完成。

我们现在可以找个页面测试一下，在工程的任意地方调用。

1FlutterViewController* flutterViewController = [[FlutterViewController alloc] initWithProject:nil nibName:nil bundle:nil];    
2[self presentViewController:flutterViewController animated:YES completion:nil];

应该就可以在原有项目的基础上调起flutter 页面。

3.开发调试

为了和安卓同学保持一致，我们使用的IDE 是AndroidStudio。

3.1 单独运行 Flutter 工程调试，不涉及原生工程

可以终端直接运行flutter run或者选择好调试设备与main文件，直接点击AndroidStudio的运行按钮

3.2 同时调试 iOS 和 Flutter并支持Flutter 和 Xcode断点

点击Attach Debugger to Android Process 按钮

如图所示

然后会等待 Flutter 页面连接。运行 iOS 工程进入 Flutter 页面，会显示同步完成，链接成功。

如图所示

这时就可以同时使用AndroidStudio和 xcode 的断点调试了。

4.打包

发布时，我们需要先将app.framework 和 flutter.framework 重新编译成 release模式。如图

debug下，我们可以看到flutter.framework的大小是93M非常大，release编译后会小很多。

在终端，进入flutter_module 目录，输入

flutter build ios –release --no-codesign

--no-codesign 表示不做签名处理，因为混编的工程最后使用xcode 打包时会做统一的签名处理。编译后的flutter.framework 只有20+M。

然后进入原生工程xcode 进行正常的打包处理流程，禁用掉bitcode，我们在最后导出的时候会看到下图的样子，表示我们已经成功了。

END

Flutter接入现有iOS工程（混编）、开发调试、打包发布精简教程

1.安装flutter

2.接入现有项目

流程：

3.开发调试

4.打包

评论区

相关推荐