初始Flutter
Flutter 是 Google推出并开源的移动应用开发框架，主打跨平台、高保真、高性能。开发者可以通过 Dart语言开发 App，一套代码同时运行在 iOS 和 Android平台。 Flutter提供了丰富的组件、接口，开发者可以很快地为 Flutter添加 native扩展。同时 Flutter还使用 Native引擎渲染视图，这无疑能为用户提供良好的体验。
搭建Flutter开发环境
1.安装flutter https://flutterchina.club/get-started/install/
Flutter集成到现有的iOS应用中需要如下几个主要步骤：
- 首先，创建Flitter module;
- 创建或者已有iOS项目中添加Flutter module依赖；
- 编写Dart代码；
- 在iOS中调用Flutter module；
- 运行项目；
1.创建Flutter module
1.1 打开终端
1.2 进入自己存放目录，输入命令 flutter create -t module xxxx （flutter文件名）
WX20190605-152915@2x.png
1.3 用Android studio 打开刚刚创建的flutter_module，可运行一下。说明已创建成功。
1.4 在刚才的flutter目录下面新创建一个iOS项目(flutter_module与iOS项目一定要同级目录)，我的项目名为FlutterMixiOS。打开项目编译配置，并搜索bit,改成NO,出现下面结果:
WX20191127-112719@2x.png
1.5 进入FlutterMixiOS目录，创建Podfile文件
pod init
Podfile 以前是这样添加的
flutter_application_path = 'path/to/flutter_module/'
eval(File.read(File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')), binding)
现在是这样添加
flutter_application_path = 'path/to/my_flutter/' #就是刚才flutter_module的目录
load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')
target 'MyApp' do
install_all_flutter_pods(flutter_application_path)
end
target 'MyAppTests' do
install_all_flutter_pods(flutter_application_path)
end
WX20191127-111802@2x.png
OK！！！
pod install
WX20191127-112323@2x.png
好开心，赶紧打开项目run一下。纳尼，出现错误了！！！
/Frameworks/Flutter.framework: Permission denied
WX20191127-113054@2x.png
赶紧百度这个是什么情况，https://blog.csdn.net/u010809694/article/details/100779247
WX20191127-113636@2x.png
原来是要更新一下flutter，打开 flutter doctor 查看自己的flutter版本
WX20191127-110149@2x.png
立即更新一下 flutter upgrade 纳尼!!! stable 最新版本就是 v1.9.1。挖槽，那咋办，只能更换channel dev
flutter channel dev
WX20191127-114441@2x.png
再run 一下，第一次会慢一点，用Android studio打开flutter_module
WX20191127-115746@2x.png
如果还是很慢，跑不起来，那就再pod
pod install
接下来就是在ViewController 引入<Flutter/Flutter.h>头文件，导入FlutterViewController，接下来的就和以前一样。
OK，集成搞定。
网友评论