最新Xcode 11.2.1 iOS13 集成Flutter 坑

初始Flutter

Flutter 是 Google推出并开源的移动应用开发框架,主打跨平台、高保真、高性能。开发者可以通过 Dart语言开发 App,一套代码同时运行在 iOS 和 Android平台。 Flutter提供了丰富的组件、接口,开发者可以很快地为 Flutter添加 native扩展。同时 Flutter还使用 Native引擎渲染视图,这无疑能为用户提供良好的体验。

搭建Flutter开发环境

1.安装flutter https://flutterchina.club/get-started/install/

Flutter集成到现有的iOS应用中需要如下几个主要步骤:
  • 首先,创建Flitter module;
  • 创建或者已有iOS项目中添加Flutter module依赖;
  • 编写Dart代码;
  • 在iOS中调用Flutter module;
  • 运行项目;
1.创建Flutter module

1.1 打开终端
1.2 进入自己存放目录,输入命令 flutter create -t module xxxx (flutter文件名)



1.3 用Android studio 打开刚刚创建的flutter_module,可运行一下。说明已创建成功。
1.4 在刚才的flutter目录下面新创建一个iOS项目(flutter_module与iOS项目一定要同级目录),我的项目名为FlutterMixiOS。打开项目编译配置,并搜索bit,改成NO,出现下面结果:



1.5 进入FlutterMixiOS目录,创建Podfile文件
pod init

Podfile 以前是这样添加的

flutter_application_path = 'path/to/flutter_module/'
 eval(File.read(File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')), binding)

现在是这样添加

 flutter_application_path = 'path/to/my_flutter/' #就是刚才flutter_module的目录
  load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')

  target 'MyApp' do
    install_all_flutter_pods(flutter_application_path)
  end
  target 'MyAppTests' do
    install_all_flutter_pods(flutter_application_path)
  end

OK!!!

pod install


好开心,赶紧打开项目run一下。纳尼,出现错误了!!!
/Frameworks/Flutter.framework: Permission denied

赶紧百度这个是什么情况,https://blog.csdn.net/u010809694/article/details/100779247

原来是要更新一下flutter,打开 flutter doctor 查看自己的flutter版本

立即更新一下 flutter upgrade 纳尼!!! stable 最新版本就是 v1.9.1。挖槽,那咋办,只能更换channel dev

flutter channel dev

再run 一下,第一次会慢一点,用Android studio打开flutter_module



如果还是很慢,跑不起来,那就再pod

pod install

接下来就是在ViewController 引入头文件,导入FlutterViewController,接下来的就和以前一样。
OK,集成搞定。

你可能感兴趣的:(最新Xcode 11.2.1 iOS13 集成Flutter 坑)