8.1.Framework-flutter混合工程

iOS原生端无需配置flutter环境,此时需要使用flutter混合工程自动化,下面来介绍下第一种:

1.先配置混合工程

https://www.jianshu.com/p/b049a9dee03f

2.如果报错

https://www.jianshu.com/p/2a2e300a938b

3.第一种,将flutter_module设置为framework

1.先cd到目录下

cd /Users/macmini/Desktop/iOS-flutter/flutter_module

2.build成framework

flutter build ios-framework --output=../flutter_app

3.打包framework成功

截屏2020-09-28 10.41.02.png

截屏2020-09-28 10.41.35.png

4.flutter_app中有三个版本
Debug : 模拟器
Release: 真机
Profile: 兼容并优化

5.配置iOS项目
(1)将flutter_app拷贝到新项目中(三选一也行)

截屏2020-09-28 11.03.21.png

(2)Build Settings 里 搜索 framework search

截屏2020-09-28 11.04.21.png

截屏2020-09-28 11.07.02.png

截屏2020-09-28 11.07.59.png

6.添加framework

截屏2020-09-28 11.08.19.png

截屏2020-09-28 11.08.52.png

截屏2020-09-28 11.09.35.png

截屏2020-09-28 11.09.50.png

截屏2020-09-28 11.10.17.png

7.引入flutter_framework

截屏2020-09-28 11.13.18.png

8.结果

截屏2020-09-28 11.16.27.png