Flutter集成到已有iOS工程的方法步骤

 更新时间:2020年03月30日 11:55:56   作者:一禅小和尚  
这篇文章主要介绍了Flutter集成到已有iOS工程的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

前言

之前写过一篇介绍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 内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Android编程之Button控件配合Toast控件用法分析

    Android编程之Button控件配合Toast控件用法分析

    这篇文章主要介绍了Android编程之Button控件配合Toast控件用法,结合实例形式分析了Button控件及Toast控件的功能及具体使用技巧,需要的朋友可以参考下
    2015-12-12
  • 浅谈Android invalidate 分析

    浅谈Android invalidate 分析

    本篇文章主要介绍了浅谈Android invalidate 分析,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-04-04
  • Android编程简单获取网络上的图片

    Android编程简单获取网络上的图片

    这篇文章主要介绍了Android编程简单获取网络上的图片,结合实例形式分析了Android获取网络图片及加载显示的相关操作步骤与注意事项,需要的朋友可以参考下
    2016-10-10
  • Android制作漂亮自适布局键盘的方法

    Android制作漂亮自适布局键盘的方法

    最近做了个自定义键盘,但面对不同分辨率的机型其中数字键盘不能根据界面大小自已铺满,但又不能每种机型都做一套吧,所以要做成自适应,那这里主讲思路,感兴趣的朋友一起学习吧
    2015-12-12
  • Android图片占用内存全面分析

    Android图片占用内存全面分析

    这篇文章主要介绍了Android图片占用内存全面分析,需要的朋友可以参考下
    2014-03-03
  • Android编程实现自定义分享列表ACTION_SEND功能的方法

    Android编程实现自定义分享列表ACTION_SEND功能的方法

    这篇文章主要介绍了Android编程实现自定义分享列表ACTION_SEND功能的方法,结合实例形式详细分析了自定义分享列表功能的步骤与具体操作技巧,需要的朋友可以参考下
    2017-02-02
  • Android上下文菜单用法实例分析

    Android上下文菜单用法实例分析

    这篇文章主要介绍了Android上下文菜单用法,以完整实例形式分析了Android上下文菜单的定义、布局及功能实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • Android实现仿微软系统加载动画效果

    Android实现仿微软系统加载动画效果

    这篇文章主要介绍了Android实现仿微软系统加载动画效果的方法,帮助大家更好的理解和学习使用Android,感兴趣的朋友可以了解下
    2021-04-04
  • Android 快速绘制一个圆角矩形的实例

    Android 快速绘制一个圆角矩形的实例

    下面小编就为大家分享一篇Android 快速绘制一个圆角矩形的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • Android中选项菜单(OptionMenu)的创建方法

    Android中选项菜单(OptionMenu)的创建方法

    这篇文章主要介绍了Android中选项菜单(OptionMenu)的创建方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-01-01

最新评论