android开发分享Flutter集成到已有iOS工程的方法步骤

前言之前写过一篇介绍flutter集成到android工程的文章,这次总结记录一下自己把flutter集成到ios的流程,以及遇到的问题以及和解决方法供大家参考。创建flutter_module要在i

前言

之前写过一篇介绍flutter集成到android工程的文章,这次总结记录一下自己把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工程的方法步骤的文章就介绍到这了,更多相关flutter集成到已有ios 内容请搜索<计算机技术网(www.ctvol.com)!!>以前的文章或继续浏览下面的相关文章希望大家以后多多支持<计算机技术网(www.ctvol.com)!!>!

本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

ctvol管理联系方式QQ:251552304

本文章地址:https://www.ctvol.com/addevelopment/898709.html

(0)
上一篇 2021年10月22日
下一篇 2021年10月22日

精彩推荐