Flutter的环境搭建及与iOS混编

目录

1、新建iOS工程 

2、添加cocoapods

cd /Users/zhouxing/Desktop/flutter/OCFlutter 
pod init
pod install

3、创建Flutter 工程

cd /Users/zhouxing/Desktop/flutter
flutter create -t module flutter_module

image.png

4、在OCFlutter项目新建Config目录,在这个目录下新建3个配置文件
 

  • Flutter.xccofig,内容如下:

#include "../flutter_module/.ios/Flutter/Generated.xcconfig"
ENABLE_BITCODE=NO

  • Release.xccofig,内容如下:

#include "Flutter.xcconfig"
#include "Pods/Target Support Files/Pods-OCFlutter/Pods-OCFlutter.debug.xcconfig"
FLUTTER_BUILD_MODE=release

  • Debug.xccofig,内容如下:

#include "Flutter.xcconfig"
#include "Pods/Target Support Files/Pods-OCFlutter/Pods-OCFlutter.debug.xcconfig"

5、修改OCFlutter配置

  • 关闭Bitcode.    Bulid Settings---->Enable Bitcode 改为No。

修改运行环境

添加Run Script
 

"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh" build
"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh" embed

  • 修改Podfile内容,添加如下内容,添加完成之后再执行一次pod install

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

6、运行一下flutter_module,生成一些文件,运行成功之后,关闭就行

7、在OCFlutter项目下添加Flutter目录

  • command+shift+。显示隐藏文件
    将截图目录里的的flutter_assets和engine文件夹拷贝至Flutter目录下(红框标记处),导入到项目。
    flutter_assets默认是空文件夹;
    engine目录是有文件的,如果是空的,可以从提供的Demo里将engine目录下的文件拷贝进工程里。


    image.png

  • 最终显示如下样式

    在此处编译一下OCFlutter项目,如不报错,则已准备完成,接下来就是撸代码了。
     

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐