一步一步实现iOS 内嵌 Flutter

搭建Flutter环境

首先,准备好 flutter 环境,可以参考配置:Flutter中文网

接入

环境目录

项目的目录遵守以下结构: 混合项目目录flutter_hybrid 下,有 3 个子文件夹,flutter_module 的对应文件夹,应该与 iOS 的目录平级

--- flutter_hybrid
        --- flutter_module
        --- FlutterHybridAndroid 
        --- FlutterHybridiOS

创建项目

1. 创建iOS 项目 FlutterHybridiOS
2. 创建 flutter_module

 $ cd flutter_hybrid
 $ flutter create -t module flutter_module

3. 在FlutterHybridiOS 创建Podfile, 在 Podfile 中配置我们之前准备好的 Flutter Module 作为依赖

 $ cd FlutterHybridiOS
 $ pod init
 $ vim Podfile

4. 在Podfile 文件中添加以下内容

flutter_application_path = '../flutter_module'
load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')
 
target 'FlutterHybridiOS' do
    install_all_flutter_pods(flutter_application_path)
end

5. 在 Flutter Module 项目中加入 flutter-boost 依赖
   5.1 打开 flutter_module 文件夹,在 pubspec.yaml 文件中添加以下内容

 dev_dependencies:
### 此处的 ref 版本是本地已经安装的 flutter 版本
   flutter_boost:
      git:
         url: 'https://github.com/alibaba/flutter_boost.git'
         ref: '1.12.13'

5.2 在 flutter_module 获取资源

$ cd ../flutter_module
$ flutter pub get

• 最后 pod install,成功后会显示
  

  image.png

• 项目中的 bitCode 设置为 No