flutter_boost在iOS端的简单使用

新一代Flutter-Native混合解决方案。 FlutterBoost是一个Flutter插件，它可以轻松地为现有原生应用程序提供Flutter混合集成方案。FlutterBoost的理念是将Flutter像Webview那样来使用。在现有应用程序中同时管理Native页面和Flutter页面并非易事。 FlutterBoost帮你处理页面的映射和跳转，你只需关心页面的名字和参数即可（通常可以是URL）。

在配置文件pubspecyaml中加入依赖：

或

主要实现一个类FlutterRouterswift

最近在集成flutter进项目

以收集编译产物并以cocopods方式集成

产物大概放入两个pod库

这个暂且叫pod1，pod1放flutterframework，第三方plugina，自己写的基础plugin，比如networking，hud等等（由于是混编，不可避免存在很多原生基础组件，所以能公用的基础组件都会弄一个flutter-plugin桥接）

第二个pod2放编译之后的appframwork,注册文件GeneratedPluginRegistrant，以及各个业务模块a（有可能没有）结构大概如下面

podspec大概如下

主工程引入这两个pod库即可

接下来从零开始搭建上文所说的

先创建一个flutter module

这个是主flutter工程，用来集成businessModule以及生成appframework

结构如下图

再生成一个业务工程

注意此时还需要进入example生成ios和Android工程，不然无法单独编译运行

这样 这个单独的业务模块就可以单独跑起来了

此时主flutter工程和业务工程均搭建完毕

在主工程pubspecymal文件讲两个工程关联

好了 接下来就是编写脚本收集产物了

编译完成之后会在flutter主工程product生成如下文件

将上面文件分类收集做成文章开头的pod1，pod2 ，在native工程引入即可

在集成flutter的过程中 踩不少坑 也阅读很多前辈的文章，在此一并感谢

Flutter 项目虽说是跨平台项目，但是项目的名称还是需要在不同的平台设置，不同平台的设置位置是：

1、 Android 项目名字配置是在 android/app/src/main/AndroidManifestxml 文件中的 application 下的 android:label 。如下图所示:

2、 iOS 项目名字配置是在 ios/Runner/Infoplist 文件中的 dict 下的 <key>CFBundleName</key> <string>testapp</string> 。如下图所示:

Flutter 项目虽说是跨平台项目，但是项目的 Logo 图标还是需要在不同的平台设置，不同平台的设置位置是：

1、 Android 项目 Logo 配置是在放置在 android/app/src/main/res 下的对应目录下：

mipmap-mdpi : 48 _ 48

mipmap-hdpi : 72 _ 72

mipmap-xhdpi :96 _ 96

mipmap-xxhdpi :144 _ 144

mipmap-xxxhdpi :192 192。如下图所示:

然后，在 android/app/src/main/AndroidManifestxml 路径下的 AndroidManifestxml 文件中的 android:icon 。如下图所示：

2、 iOS 项目 Logo 的配置是在 ios/Runner/Assetsxcassets/AppIconappiconset 文件下，直接更换，名字不要改动 。如下图所示:

1、使用 cd 指令进入项目（testapp）的根目录(方便后面 *** 作),如下图所示：

填写对应的值，如下图所示：

1、 buildgradle 文件的位置,如下图所示:

2、在 buildgradle 中配置 keypropreties 的全局变量,

如下图所示:

3、 buildgradle 文件中进行签名配置。

如下图所示:

注意： buildTypes 中的 signingConfig signingConfigsdebug 可以变更为 signingConfig signingConfigsrelease ，这样在打包的时候，直接可以 flutter build apk ，否则就执行 flutter build apk --release 。如图所示：

1、 cd 进入功能（testapp） 的根目录，如下图所示：

2、执行 flutter build apk 指令，如下图所示：

我们打包成功， 生成的 apk 包在 build/app/outputs/apk/release/app-releaseapk 目录下，如下图所示：

1、将真机通过 USB 链接到电脑上，如下图所示：

2、然后,在项目的根目录执行 flutter install , 如果出现电脑同时有多个设备时，就执行 flutter install -d deviceid 。如下图所示：

3、设备的安装过程如下：

1、必须一个 Xcode 开发工具

2、如果是 Window 的电脑，请安装 Mac 虚拟系统，进行安装 Xcode

1、打开目录下的 Runnerxcworkspace 工程。

如下图所示：

2、在 ios 工程中配置 Signing & Capabilities , 如下图所示：

1、进入项目的根目录

2、打包指令 flutter build ios --release

如图所示：

3、使用 Xcode 工具进行打包

如图所示：

注意：进行该步骤，必须执行 flutter build ios --release 否则会报错。

打包成功，如下图所示：

最近公司用flutter开发一款app，像我这种从web转做移动端的人一直遇到不少坑，接下来就是记录flutter运行在ios端的过程。

我目前使用Xcode的版本是Version 123

1先运行 flutter doctor 看有没有通过检查

2在Xcode>Preferences>Accounts账户中登录开发者账号（开发者账号不明白的可以自行百度了解一下）

3Xcode引入Flutter项目下的ios文件夹

4双击左侧的Runner>TARGETS下的Runner里的Signing & Capabilities 下的All 选择Team然后再设置 Bundle ldentitier (这个是包名)格式是可参考默认的名字来起 （一般格式为comcompanygame，iOS里用于开发者证书）

5真机连接Mac电脑（手机要点击信任，