Flutter环境配置
CocoaPods安装

创建Flutter模块

创建iOS工程native_flutter_demo,在它的上一层目录创建flutter模块:

$ flutter create -t module flutter_module

如图所示:

frc 452a5237b2850557b5dfd5c0c6be4831 - Flutter 添加Flutter到已有的iOS项目
创建Podfile

进入到你的iOS工程目录:

$ pod init

vim Podfile编辑 Podfile,在文件末尾添加:

注意: Flutter不同版本,Podfile是有差别的

查看flutter版本:

$ flutter --version
Flutter 1.10.15-pre.384 • channel master • https://github.com/flutter/flutter.git
Framework • revision ee032f67c7 (5 days ago) • 2019-11-02 09:46:25 -0700
Engine • revision 8ea19b1c76
Tools • Dart 2.6.0 (build 2.6.0-dev.8.2 bbe2ac28c9)

Flutter 1.8.4-pre.21之前:

target 'native_flutter_demo' do
  # Comment the next line if you're not using Swift and don't want to use dynamic frameworks
  use_frameworks!

  # Pods for native_flutter_demo

  target 'native_flutter_demoTests' do
    inherit! :search_paths
    # Pods for testing
  end

  target 'native_flutter_demoUITests' do
    inherit! :search_paths
    # Pods for testing
  end

end

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

为编译Dart 代码添加build phase

打开iOS项目,选中TARGETnative_flutter_demo项目的Build Phases选项,点击左上角+号按钮,选择New Run Script Phase,将下面的shell脚本添加到输入框中:

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

如下图所示:

frc e7c95b2ef8db1f8fbc0b345f3a67f77a - Flutter 添加Flutter到已有的iOS项目

Flutter 1.8.4-pre.21之后:

flutter_application_path = '../flutter_module'
load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')

target 'native_flutter_demo' do
  # Comment the next line if you don't want to use dynamic frameworks
  use_frameworks!
  install_all_flutter_pods(flutter_application_path)
  # Pods for FCPublicOpinionSystem

  target 'native_flutter_demoTests' do
    inherit! :search_paths
    # Pods for testing
    install_all_flutter_pods(flutter_application_path)
  end

  target 'native_flutter_demoUITests' do
    inherit! :search_paths
    # Pods for testing
    install_all_flutter_pods(flutter_application_path)
  end

end

其中flutter_application_path代表你的flutter模块路径。
运行

pod install

然后需要编译一下项目:Command + B

参考文章:

Add-Flutter-to-existing-apps
Upgrading-Flutter-added-to-existing-iOS-Xcode-project

Flutter 添加Flutter到已有的iOS项目