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

这篇文章给大家分享的是有关Flutter集成到已有iOS工程的示例分析的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

10多年的金水网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。成都营销网站建设的优势是能够根据用户设备显示端的尺寸不同，自动调整金水建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联公司从事“金水网站设计”,“金水网站推广”以来，每个客户项目都认真落实执行。

创建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工程的示例分析”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！