iOS原工程接入Flutter

参考官网文档,进行简单整理

第一步,Flutter工程需要使用Flutter module,并放在iOS工程相邻目录(只要方便设置相对路径的地方就行)
别的没啥可说

第二步,iOS工程接入flutter
两种方法,各有利弊。

第一种方法:使用CocoaPods集成

优点:集成简单,xcode运行即可编译最新flutter代码,方便flutter与原生通信开发或其他兼容性调试。
缺点:需要配置flutter sdk开发环境,同时两个工程都配置好才能在xcode运行,如果原生和flutter分别开发不则方便,相互依赖过强;如果碰上xcode、pod、flutter有大升级时可能会产生短期的兼容性问题。

具体步骤:只需要配置好pod即可

platform :ios, '10.0'

#flutter
flutter_application_path = '../flutter_module' #相对路径
load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')

target 'MyApp' do
  # Comment the next line if you're not using Swift and don't want to use dynamic frameworks pod install --no-repo-update
  use_frameworks!

  #flutter
  install_all_flutter_pods(flutter_application_path)

  # Pods for MyApp
  pod 'xxx'
  ...

然后 pod install 即可

第二种方法:手动集成framework

优点:工程依赖性弱,framework已经集成在xcode工程中,可独立运行;分别开发时可以相互独立不用配置flutter环境或关心flutter开发细节;编译时速度较快;如果遇到xcode、pod、flutter大升级时稳定性兼容性更高。
缺点:在初期flutter与原生环境联调时较麻烦;版本管理需要加入framework而不仅仅是源码,占用空间较大不够灵活。接入时环境配置较复杂,后期如果增加了新库需要继续手动导入。
这种方法文档写的稍乱,整理了一下:
1、flutter工程目录下运行命令输出framwork:flutter build ios-framework --output=some/path/MyApp/Flutter/
output为输出存放framework的路径,经测试不能使用相对路径的写法,我用sh脚本来实现,以后输出时直接运行脚本即可。用不到profile模式可以增加--no-profile,最后还要把release中的所有库去掉x86_64和i386架构,否则xcode11中大包会失败,可以写入脚本批量处理参考
输出路径最好为xcode工程相邻路径方便之后xcode设置,以下都以xcode相邻路径举例。
2、设置Framework Search Paths 增加"$(PROJECT_DIR)/../Flutter/$(CONFIGURATION)",这里不要选择debug或者release,而是编辑总体项自动选择
3、把输出后的所有动态链接库(随意选Debug或Release一个目录中的)拖入工程General面板,设置为Embed & Sign。(注意:静态库,比如FlutterPluginRegistrant.framework不要加入,否则不能上架AppStore,判断其他packge插件生成的framework是静态还是动态,请看官网给的链接
4、编辑MyApp.xcodeproj/project.pbxproj文件:查找替换所有path = ../Flutter/Debug或Release/xx.framework;替换为path = "../Flutter/$(CONFIGURATION)/xx.framework";(注意添加引号 ")。可以根据Debug或Release编译时使用对应的framework。注意:flutter的生成的debug的framework可以运行在模拟器和真机,release的只能运行在真机。
5、bitcode设为了NO,否则这里遇到了编译release版出错
最后注意:flutter工程以后开发时如果增加了新的packge,要对新增加生成的framework做3-4步骤(若为静态库则不用加入)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,098评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,213评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,960评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,519评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,512评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,533评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,914评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,574评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,804评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,563评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,644评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,350评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,933评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,908评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,146评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,847评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,361评论 2 342