Flutter&iOS混编

创建flutter工程,有Application,Module,Plugin,Package
Flutter Application:标准的Flutter App工程,包含标准的Dart层与Native平台层
Flutter Module :Flutter组件工程,仅包含Dart层实现,Native平台层子工程为通过Flutter自动生成的隐藏工程
Flutter Plugin: Flutter平台插件工程,包含Dart层与Native平台层的实现
Flutter Package: Flutter纯Dart插件工程,仅包含Dart层的实现,往往定义一些公共Widget
方式一:Flutter官方已经给出的混编方案: 参考最新链接:https://github.com/flutter/flutter/wiki/Upgrading-Flutter-added-to-existing-iOS-Xcode-project
可以实现混编,此方案需要求开发的电脑上配置flutter环境。并且 iOS端开发与flutter端开发在代码纠缠性上会变得复杂化
方法说明:在iOS工程的podfile文件中添加如下命令

flutter_application_path = '../flutter_module/'load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')target 'iOSProject' do use_frameworks! install_all_flutter_pods(flutter_application_path) end

添加上述代码可以一次性将flutter的编译产物由此依赖进入iOS项目中,不用再每次去在Xcode->Build Phases中去添加设置脚本文件路径等繁琐操作,一定程度上简化了集成的繁琐性。
2、将flutter以framework的形式通过Cocoapods引入iOS工程 Cocoapods引入也分为两种方式:
1,pod的本地路径化引入
2,pod通过远程Git仓库引入(本地化打包好后传到git即可)
pod的本地路径化引入
1,创建外层文件夹 FlutterForIOS,并在该文件下创建iOS工程iOSProject,依次执行以下命令
$ cd ~/Desktop/FlutterForIOS/iOSProject $ pod init $ pod install

2,接下来创建名字为‘MyFlutterPod’的Pod库
$ cd ~/Desktop/FlutterForIOS $ pod lib create MyFlutterPod

终端依次输入所需类型:
To get you started we need to ask a few questions, this should only take a minute. What platform do you want to use?? [ iOS / macOS ] > ios What language do you want to use?? [ Swift / ObjC ] > objc Would you like to include a demo application with your library? [ Yes / No ] > no Which testing frameworks will you use? [ Specta / Kiwi / None ] > none Would you like to do view based testing? [ Yes / No ] > no What is your class prefix? > xxxx Running pod install on your new library.

创建完成之后会有一个工程自动打开,此工程为Pod工程,在Example->MyFlutterPod.xcworkspace打开后可以作为独立项目在此编码iOS代码之类的,暂时先不在此进行编写原生代码,关闭退出。
将DFlutterModule放入MyFlutterPod路径下,终端打开,执行
flutter packages get


flutter pub run

在当前文件夹执行快捷键:"command + shift + .",显示出隐藏文件夹,这时候会多出一个.ios文件夹
注:如果新添加了flutter插件,也需要执行上述两个命令来安装刷新一下 编译后会生成Flutter所依赖的相关的库文件。以debug版本的库文件为例进行framework打包
当前目录终端执行:
$ flutter build ios --debug//编译debug产物

执行完后可以看到:
build目录下
ios->Debug-iphoneos-> FlutterPluginRegistrant.framework
ios->Debug-iphoneos-> 对应插件.framework
.ios目录下
Flutter-->App.framework Flutter-->engine-->Flutter.framework
将这些文件移动到一个目录下(如ios_framework)
编辑podspec文件
打开podspec文件在end前一行添加以下命令
s.static_framework = true p = Dir::open("ios_frameworks") arr = Array.new arr.push('ios_frameworks/*.framework') s.ios.vendored_frameworks = arr

在iOSProject项目的podfile文件中执行pod引用
在iOSProject工程下的podfile文件中添加
platform :ios, '8.0'target 'iOSProject' do use_frameworks!pod 'MyFlutterPod', :path => '../MyFlutterPod'end

之后执行
$ pod install

安装成功!!! 第二种方法脚本安装: 在dflutter下创建脚本文件
$ cd ../flutter_module_for_ios $ touch move_file.sh//1. 创建脚本文件 $ open move_file.sh//2. 打开脚本文件

添加以下脚本代码
if [ -z $out ]; then out='ios_frameworks' fiecho "准备输出所有文件到目录: $out"echo "清除所有已编译文件" find . -d -name build | xargs rm -rf flutter clean rm -rf $out rm -rf buildflutter packages getaddFlag(){ cat .ios/Podfile > tmp1.txt echo "use_frameworks!" >> tmp2.txt cat tmp1.txt >> tmp2.txt cat tmp2.txt > .ios/Podfile rm tmp1.txt tmp2.txt }echo "检查 .ios/Podfile文件状态" a=$(cat .ios/Podfile) if [[ $a == use* ]]; then echo '已经添加use_frameworks, 不再添加' else echo '未添加use_frameworks,准备添加' addFlag echo "添加use_frameworks 完成" fiecho "编译flutter" flutter build ios --debug #release下放开下一行注释,注释掉上一行代码 #flutter build ios --release --no-codesign echo "编译flutter完成" mkdir $out cp -r build/ios/Debug-iphoneos/*/*.framework $out #release下放开下一行注释,注释掉上一行代码 #cp -r build/ios/Release-iphoneos/*/*.framework $out cp -r .ios/Flutter/App.framework $out cp -r .ios/Flutter/engine/Flutter.framework $outecho "复制framework库到临时文件夹: $out"libpath='../'rm -rf "$libpath/ios_frameworks" mkdir $libpath cp -r $out $libpathecho "复制库文件到: $libpath"

注:脚本文件中的代码意思:将编译生成的debug版本的所需.framework库文件拷贝至ios_frameworks文件下并复制一份到MyFlutterPod目录下,后续若想编译生成release版本库文件时还需修改脚本文件查找对应上release标识
执行脚本文件
$ sh move_file.sh//3. 执行脚本文件

此时的ios_frameworks文件已经生成拷贝
里面包含有我们前面提到所需要的.framework所有库文件
重复上述podspec里添加脚本,添加到Podfile执行pod install即可安装成功
这个对于新建工程很容易成功,直接可以混编,但是对于一些已有项目,涉及到库的应用,稍微复杂的就不太适用了,需要针对性的去处理,有问题欢迎加q交流:2282901666
【Flutter&iOS混编】参考链接直达

    推荐阅读