最近單位項(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

1. 在iOS工程Podfile頭部中添加

flutter_application_path = '../my_flutter'
load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')

2. 然后在添加

target 'MyApp' do
  install_all_flutter_pods(flutter_application_path)
end

3. 如圖所示

   
   
   image.png

4. pod install

Plan B 生成Framework 手動(dòng)導(dǎo)入

1. cd 路徑/my_flutter
2. flutter build ios-framework --output=這里拼接你想要輸出framework的路徑
3. 此時(shí)在這個(gè)路徑下會(huì)生成三個(gè)文件夾，分別是Debug、Profile、Release
4. 手動(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

1. cd 路徑/my_flutter

2. flutter build ios-framework --cocoapods --output=這里拼接你想要輸出framework的路徑

3. 這時(shí)候也會(huì)生成三個(gè)文件夾，分別是Debug、Profile、Release，但是內(nèi)容跟Plan B 不太一樣

4. 然后在PodFile中添加這么一行,`pod 'Flutter', :podspec => 'some/path/MyApp/Flutter/[build mode]/Flutter.podspec'。如圖所示，當(dāng)然這里只是做演示，暫時(shí)沒(méi)有考慮相對(duì)路徑的問(wèn)題?。≌?qǐng)注意。

   image.png

5. 收到引入對(duì)應(yīng)文件夾中的App.framework并且同Plan B中的第4、5步，做好確保

   image.png

end