一、获取SDK,搭建环境
1、直接下载文件解压到目标路径,SDK下载地址:
cd ~/Flutter
unzip ~/Downloads/flutter_macos_1.20.4-stable.zip
2、cd到目标路径,然后从Github上repo分支源码:
cd ~/Flutter
git clone https://github.com/flutter/flutter.git
3、配置 flutter 的 PATH 环境变量,并使之永久生效:
3.1 首先获取 Flutter SDK 安装目录的路径
3.2 打开 $HOME/.bashrc 文件,并且加入以下代码,保存关闭
export PATH=/Users/apple/flutter/bin:$PATH //为3.1步骤获取的路径
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
3.3 修改 $HOME/.zshrc 文件,使每次启动我们的Mac都自动执行命令,文件最后加入以下代码
source ~/.bash_profile
3.4 运行 source $HOME/.bash_profile 来刷新当前命令行窗口
3.5 运行 flutter doctor -v 命令查看环境是否需要安装其他依赖
二、原生集成 Flutter 方案对比
Flutter module
第一步要创建一个 Flutter module
cd some/path/
flutter create --template module my_flutter
1、通过 Cocoapods 直接集成,指向上述工程
1.1 在 Podfile
中添加下面代码:
flutter_application_path = '../my_flutter'
load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')
1.2 每个需要集成 Flutter 的 [Podfile target][],执行 install_all_flutter_pods(flutter_application_path)
:
target 'MyApp' do
install_all_flutter_pods(flutter_application_path)
end
1.3 运行 pod install。
2、在 Xcode 中集成 frameworks
2.1 编译 frameworks
flutter build ios-framework --output=some/path/MyApp/Flutter/
编译后目录如下:
some/path/MyApp/
└── Flutter/
├── Debug/
│ ├── Flutter.framework
│ ├── App.framework
│ ├── FlutterPluginRegistrant.framework (only if you have plugins with iOS platform code)
│ └── example_plugin.framework (each plugin is a separate framework)
├── Profile/
│ ├── Flutter.framework
│ ├── App.framework
│ ├── FlutterPluginRegistrant.framework
│ └── example_plugin.framework
└── Release/
├── Flutter.framework
├── App.framework
├── FlutterPluginRegistrant.framework
└── example_plugin.framework
2.2 拖动所需要 Framework 进去工程
3、使用 CocoaPods 在 Xcode 和 Flutter 框架中内嵌应用和插件框架
3.1 除了将一个很大的 Flutter.framework 分发给其他开发者、机器或者持续集成 (CI) 系统之外,你可以加入一个参数 --cocoapods 将 Flutter 框架作为一个 CocoaPods 的 podspec 文件分发。这将会生成一个 Flutter.podspec 文件而不再生成 Flutter.framework 引擎文件
flutter build ios-framework --cocoapods --output=some/path/MyApp/Flutter/
3.2 上传到我们私有库
pod lib create KYFlutterPod
3.3 打上标签推到远端
3.4 pod集成
pod 'KYFlutterPod', :git => 'http://xxx.com/xxxx/xxx.git'