iOS原生集成flutter相关问题

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 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写一个分类强制竖屏

最后编辑于：2019.05.22 09:47:53