Flutter集成到已有iOS工程的示例分析

這篇文章給大家分享的是有關Flutter集成到已有iOS工程的示例分析的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

創建flutter_module

要在iOS工程中集成flutter，首先我們需要創建一個flutter_module，創建的方法有兩種：

使用Android studio創建
使用Android studio創建在上一篇新版Flutter集成到已有Android項目 中有介紹，這里不再贅述。

使用flutter命令創建
在指定目錄下執行如下命令

flutter create --template module flutter_module

修改Podfile文件

在Podfile文件中的依賴部分添加如下內容

flutter_application_path'/Users/liuxinye/Desktop/WorkPro/AppGroup/platforms/xagf_flutter'
load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')

然后在要集成flutter的target中添加

install_all_flutter_pods(flutter_application_path)

最后為iOS工程執行 pod install 即完成了了flutter_module的集成

使用flutter

接下來我們介紹如何在iOS工程中啟用flutter進行開發

初始化FlutterEngine

首先我們需要在AppDelegate中持有一個FlutterEngine，代碼如下：

@import Flutter
@interface AppDelegate
@property (strong, nonatomic) FlutterEngine *flutterEngine;
@end

然后我們需要在適當的時機啟動 FlutterEngine

+(FlutterEngine *)initFlutter:(NSString*)entry :(NSString*)dartFile{
   FlutterEngine *flutterEngine =
     ((AppDelegate *)UIApplication.sharedApplication.delegate).flutterEngine;
  if (flutterEngine) {
    return flutterEngine;
  }else{
    flutterEngine = [[FlutterEngine alloc] initWithName:@"my flutter engine"];
    if(dartFile&&entry){
      //指定dartFile文件中entry方法啟動flutter
      [flutterEngine runWithEntrypoint:entry libraryURI:dartFile];
    }else if (entry){
      //指定main.dart中方法名為entry的方法啟動
      [flutterEngine runWithEntrypoint:entry];
    }else{
      //執行默認的main.dart文件中的main方法進行啟動
      [flutterEngine run];
    }
    return flutterEngine;
  }
}

這里涉及了三個Flutter的啟動方式，三種方式的區別在代碼中給出了注釋。

當然，我們也可以在啟動flutter時初始化路由。

[[flutterEngine navigationChannel] invokeMethod:@"setInitialRoute"
                     arguments:@"/index"];

至此我們就完成了 FlutterEngine 的啟動工作，接下來我們來創建用來顯示Flutter界面的 ViewContoller 。

創建FlutterViewController

[GeneratedPluginRegistrant registerWithRegistry:flutterEngine];
FlutterViewController *flutterViewController =
    [[FlutterViewController alloc] initWithEngine:flutterEngine nibName:nil bundle:nil];

以UIView的方式使用

如果想要以 UIView 的方式使用，只需要使用 UIView *myFlutterView=flutterViewController.view 即可。

遇到的問題

此次集成Flutter到iOS工程還是比較順利的，我在集成過程中只遇到了一個問題，在完成以上集成工作后運行iOS工程，出現了找不到 lib/main.dart 的報錯，我百度了很久無法解決，最后嘗試關閉xcode,刪除 Pods 文件夾和 Podfile.lock 文件重新執行 pod install 解決了此問題。

感謝各位的閱讀！關于“Flutter集成到已有iOS工程的示例分析”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！