最近單位項(xiàng)目涉及到了flutter混編阐虚，就去官方文檔學(xué)習(xí)了一下烟勋，這里做一下簡(jiǎn)單記錄，順便翻譯翻譯拂盯。方便大家互相學(xué)習(xí)佑女。
開(kāi)始
首先必須有的條件
一個(gè)文件夾里包含iOS項(xiàng)目、Flutter項(xiàng)目
沒(méi)有Flutter項(xiàng)目谈竿，請(qǐng)自行執(zhí)行以下命令行
cd 項(xiàng)目路徑
flutter create --template module my_flutter
如下圖所示
image.png
Plan A
- 在iOS工程
Podfile頭部中添加
flutter_application_path = '../my_flutter'
load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')
- 然后在添加
target 'MyApp' do
install_all_flutter_pods(flutter_application_path)
end
-
如圖所示
image.png pod install
Plan B 生成Framework 手動(dòng)導(dǎo)入
cd 路徑/my_flutterflutter build ios-framework --output=這里拼接你想要輸出framework的路徑- 此時(shí)在這個(gè)路徑下會(huì)生成三個(gè)文件夾团驱，分別是
Debug、Profile空凸、Release - 手動(dòng)引入其中一個(gè)文件夾的
App.framework及Flutter.framework,并且BuildSetting -> Framework Search Paths中嚎花，要有剛剛輸出framework的路徑，比如："$(SRCROOT)/../Debug"其實(shí)把文件夾拖進(jìn)去也行呀洲，但是你要確定后續(xù)不會(huì)出現(xiàn)路徑問(wèn)題紊选。
image.png
Plan C 類(lèi)似 Plan B，用cocoapods
cd 路徑/my_flutterflutter build ios-framework --cocoapods --output=這里拼接你想要輸出framework的路徑這時(shí)候也會(huì)生成三個(gè)文件夾道逗，分別是
Debug兵罢、Profile、Release滓窍，但是內(nèi)容跟Plan B 不太一樣-
然后在
PodFile中添加這么一行,`pod 'Flutter', :podspec => 'some/path/MyApp/Flutter/[build mode]/Flutter.podspec'卖词。如圖所示，當(dāng)然這里只是做演示吏夯，暫時(shí)沒(méi)有考慮相對(duì)路徑的問(wèn)題４蓑凇即横！請(qǐng)注意。image.png -
收到引入對(duì)應(yīng)文件夾中的
App.framework并且同Plan B中的第4舶替、5步令境，做好確保image.png
