1. flutter简介
Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并 且Flutter是完全免费、开源的。
2. flutter环境搭建
macos 环境搭建具体步骤，官方链接如下：https://flutterchina.club/setup-macos/
配置环境变量；在当前用户目录下创建.bash_profile文件，如果该文件已经存在，则直接打开。将以下代码复制到.bash_profile中：(如不太了解.bash_profile的相关操作可以参 考 Mac打开、编辑 .bash_profile 文件)
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH
注：第三条标红PATH_TO_FLUTTER_GIT_DIRECTORY是步骤一中你下载的flutter SDK的路径
问题解决：配置变量之后如果打开终端出现错误日志 -bash: export: not a valid identifier，我这边是复制官网环境变量代码，发现其第三条的flutter SDK路径 PATH等号 右边多了一个 空格，只需要打开.bash_profile文件去掉空格即可。
3. flutter 集成到iOS工程
1.iOS工程Enable Bitcode 需要关闭，因为Flutter混合开发不支持Bitcode
2.flutter工程最终产物为App.framework 与 Flutter.Framework，集成方式为 一种是直 接把库添加到工程中,具体步骤网上都可查到 第二种是用cocodpods 集成到工程中，我们用的是第二种。
3. 将生成的flutter工程放在与iOS 原工程同级目录 如图
打开 pod PodFile 添加 flutter_application_path 如图
需要注意的是 flutter工程路径不要弄错。
4. 添加运行的脚本，
"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh" build
"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh" embed , 如少添加可能遇到，flutter代码修改，iOS编译没有生效的情况。
具体如图
5. 集成到工程后，编译iOS工程可能遇到 集成 App.framework 找不到问题
原来是钥匙串系统帐号和登录帐号中的证书冲突。打开钥匙串，查看登录帐号中的开发者证书
查看系统帐号下也有两个相同的证书，显然导证书的时候不知道怎么把证书导进了系统帐号，并且还重复了,把这两个证书删除，关闭钥匙串，问题解决。
3. iOS与flutter交互现有问题
1 iOS跳转flutter,flutter页面显示以及messageChannel建立延迟，但经验证具体延迟时间并不确定，如果直接调用messageChannel
- (void)invokeMethod:(NSString*)method arguments:(id _Nullable)arguments,传过去的方法与参数，flutter找不到。目前解决办法，当flutter通道生成之后
再通知 iOS 调用方法传递参数，如图
2.iOS传过去的参数 赋给widget.对象 为空，但安卓传过没有问题，目前解决，在flutter类中定义全局变量 进行赋值。
3. flutter 创建导航条默认高度为56，所以在iOS中展示高度不对。
4. 横屏跳转flutter页面，会导致布局错乱，目前解决办法，FlutterViewController写一个分类 强制竖屏
网友评论