综合开发

Flutter集成到已有iOS工程

微信扫一扫,分享到朋友圈

Flutter集成到已有iOS工程

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

创建flutter_module

要在iOS工程中集成flutter,首先我们需要创建一个flutter_module,创建的方法有两种:

  1. 使用Android studio创建
    使用Android studio创建在上一篇 新版Flutter集成到已有Android项目
    中有介绍,这里不再赘述。
  2. 使用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
解决了此问题。

IBM解读:5G骤然加速,新一轮商业大潮窗口期提…

上一篇

秒杀系统如何防止超卖?

下一篇

你也可能喜欢

评论已经被关闭。

插入图片

热门栏目

Flutter集成到已有iOS工程

长按储存图像,分享给朋友