您好,登录后才能下订单哦!
这篇文章给大家分享的是有关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工程的示例分析”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。