iOS 为现有工程接入flutter-基础配置篇

官网链接
Demo地址
###前置 Mac下Flutter 安装与配置

#####本文是在已经下载flutter(上边有指导下载或者百度如何下载)并且本地flutter环境变量已经配置好的前提下进行操作
######查看flutter环境变量是否配置完成，可以终端打开直接输入

flutter doctor -v

如果提示没有找到flutter，证明本地flutter环境变量还没有配置成功，
#####配置方法

• 打开终端输入

open .zshrc  

• 因为我的flutter下载下来是放到桌面的，所以，应该这样输入

export PATH=/Users/yourname/Desktop/flutter/bin:$PATH

• 它看起来应该长这样

######保存，然后退出

####工程配置

• 桌面创建文件夹，命名为test
• 创建iOS/swift工程，命名为Flutter-iOSTest，将创建好的工程放入test文件夹下
• flutter module创建，打开终端，cd到test文件夹，终端输入

flutter create -t module my_flutter

成功之后你会看到和刚才创建的项目工程同级别下出现了flutter module 名称为咱们刚才写的 my_flutter

• 通过cocopod将iOS/swift工程和flutter进行关联
  • 进入Flutter-iOSTest文件夹
  • 执行 pod init
  • 将配置项添加到pod文件夹中

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

• 看起来应该是这样
  

• 保存，终端执行pod install

• 打开我们pod创建好的 Flutter-iOSTest.xcworkspace，进行基础配置

• iOS工程Enable Bitcode 需要关闭，因为Flutter混合开发不支持Bitcode
  

• 添加Run Script

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

#####执行到这里，command + B 编译，提示success 证明就接入成功了

参考文档

• 官网链接
• 如何在现有的iOS工程中接入Flutter
• iOS老项目集成Flutter（iOS混编Flutter）
• iOS Native混编Flutter交互实践

#####相关注释已添加，有问题可以评论区留言，
Demo地址