欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Flutter - Mac配置flutter环境 20191230

程序员文章站 2022-06-01 17:47:45
...

参考资料:
Flutter iOS 混合工程自动化
Flutter 与 iOS 混合项目初探
Flutter混合开发(二):iOS项目集成Flutter模块详细指南
Flutter 开发 (1)iOS 下超详细集成 Flutter
 Flutter中文网 在macOS上搭建Flutter开发环境

1.下载flutter SDK

https://flutter.cn/docs/development/tools/sdk/releases

2.安装和配置 Flutter 开发环境

在 macOS 上安装和配置 Flutter 开发环境

安装配置遇到的问题:

Flutter - Mac配置flutter环境 20191230

处理办法:

到idea - plugin 中下载安装dart和Flutter,重启idea ,然后终端重新执行
flutter doctor

Flutter - Mac配置flutter环境 20191230

Flutter - Mac配置flutter环境 20191230

3. 混合开发接入

结构图示 (本人项目使用了CocoaPods )

Flutter - Mac配置flutter环境 20191230

1) 在项目文件夹同级目录创建Flutter模块(Flutter相关页面的代码都在这里)。

打开终端 cd 到Flutter测试文件夹
flutter create --template module my_flutter

2) Podfile 添加下面代码( flutter_module是模块文件夹名称),然后cd 到 项目文件夹 执行 pod install
#Flutter工程路径
flutter_application_path = '../flutter_module'
#读取 podhelper.rb 的Ruby代码在当前目录执行
eval(File.read(File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')), binding)

Flutter - Mac配置flutter环境 20191230

idea 配置Flutter

Flutter - Mac配置flutter环境 20191230

Flutter - Mac配置flutter环境 20191230

Flutter - Mac配置flutter环境 20191230

Flutter - Mac配置flutter环境 20191230

相关标签: iOS Flutter