Flutter的环境搭建及与iOS混编

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

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目录下的文件拷贝进工程里。
  
  

• 

• 

• 最终显示如下样式
  
  

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