app集成flutter app集成小程序

iOS现有工程 集成 flutter App.framework 找不到问题

codesign failed with exit code 1

原来是钥匙串系统帐号和登录帐号中的证书冲突了。打开钥匙串，查看登录帐号中的开发者证书

查看系统帐号下也有两个相同的证书，显然导证书的时候不知道怎么把证书导进了系统帐号，并且还重复了。把这两个证书删除，关闭钥匙串，问题解决

相关问答

Q1: Xcode 项目集成flutter

一、cocopods版本升到1.10.0以上

二、podfile添加这些（flutter_module路径和.git路径相同）

三、命令行cd到 flutter_module 下，执行 flutter pub get 

四、pod下面添加“  install_framework "${PODS_ROOT}/../../flutter_module/.ios/Flutter/App.framework"  ” 

Q2: Flutter Android端集成排坑 - armeabi 适配 & FlutterBoost

Flutter可以算是当下最火热的新技术之一，我现在所在团队也准备将Flutter技术应用到线上工程中。

关于混合工程，官方文档其实写的已经比较清楚了，按着文档走一般问题不大，

但是有一点值得注意的是，Flutter工程引入的库的gradle的 buildTypes 要与原工程保持一致，如果不一致需要手工添加。

进入正题，现在Flutter官方默认只提供armeabi-v7a、arm64-v8a、x86和x86-64，其中x86和x86-64是为模拟器准备的。目前我们使用的SDK大部分只使用了armeabi架构，直接使用我们会遇见找不到 libflutter.so，libapp.so 的情况，所以我们需要对FlutterSDK做一定的改造。

首先我们要了解下Flutter编译产物，因为不同版本产物是不同的，这里我们只针对Flutter 1.9.1-hotfixes来说。除了资源文件之外，Flutter打包会生成两个非常重要的so库，他们分别是 libflutter.so，libapp.so 。其中 libflutter.so 是Flutter的SDK产物而 libapp.so 正是我们编写的dart文件的产物。默认情况下，这两个文件都会出现在armeabi-v7a中，因此我们要作出对应的改造。

libflutter.so 位于FlutterSDK中，这里顺带提一句，除了这对不同CPU架构，它还分为Debug版和Release版，它们的区别在于Debug是为JIT编译方式打造的，体积较大而Release是为AOT编译方式打造的，体积很小。对 libflutter.so 的改造，只要将其移动文件路径即可，运行以下脚本即可，此脚本来自美团分享的Flutter文章。

移动完了 libflutter.so 之后我们打包发现， libapp.so 仍然会出现在armeabi-v7a中，所以第二部我们就是移动 libapp.so 。这个需要更改 flutter.gradle ，我们在 flutter.gradle 的45行可以看到如下定义，它定义了我们的环境。

在524行我们可以看到，abiValue的取值就是根据上述定义值。

所以结论很简单，只要将

private static final String ARCH_ARM32 = "armeabi-v7a";

改为

private static final String ARCH_ARM32 = "armeabi";

就可以完成对与 libflutter.so 的移动。

前期工作我们都做好了，打成aar就非常简单了

直接使用 flutter build aar --target-platform android-arm

打出来后可以解压检查下 libflutter.so，libapp.so 是否都在armeabi文件夹下即可。

说完了armeabi适配问题，这里下说下有关于有关于FlutterBoost的接入。这个东西接入有两点要注意。

在主app内加上即可，常规操作，强制统一support包的版本号

注释flutter.gradle第655行。因为编译过程中，会去初始化插件项目的buildType下面的debug配置，而插件项目下并未配置debug，导致报错。

如果发现文章中有错误或者有更好的解决方案欢迎指正留言，当然如果本篇文章帮助你解决了问题，也不要吝啬你的感谢。谢谢各位。

Q3: Flutter（六）Android与Flutter混合开发（Hybird）

如果我们目前的项目是Android的，但是接下来我们希望部分页面可以使用Flutter进行开发，甚至我们希望在Native页面中嵌入FlutterUI组件，那么我们该如何实现呢？

假设你现在Android项目的目录的结构是这样的

这时候如果你想创建一个Flutter模块，使得Android模块和Flutter模块之间可以进行交互，我们可以通过Android Studio新建一个Flutter Module，具体过程是：File — New — New Module ，之后选择Flutter Module，指定Project Location的路径为

也就是说，最终你的项目结构会是这样的

接下来在Android Module的 build.gradle 文件中添加flutter依赖

先创建一个Flutter页面

这里比较重要的是 window.defaultRouteName 这个字段，这个字段可以接收从Native传递过来的参数 （下文我们会介绍原生传递参数的方法），也就是说通过这个字段我们就可以进行Flutter页面的路由的分发

我们可以直接在Android的 MainActivity 中启动一个 FlutterActivity ，这里的 initialRoute 方法中传递的参数就对应Flutter层的 window.defaultRouteName

注意：需要在 AndroidManifest.xml 注册 FlutterActivity

自己创建一个 FlutterAppActivity 继承自 FlutterActivity

在 MainActivity 中启动 FlutterAppActivity （另外别忘了在 AndroidManifest.xml 中注册 FlutterAppActivity ）

两种启动方式的区别

如果单纯只是想打开一个Flutter页面，两种方式实际上基本没有太大区别，第一种方式也许还会更简单一点。但是，在Flutter开发中，我们往往还需要开发一些Native插件供Flutter调用，如果使用复写 FlutterActivity 的方式更有利于我们在 FlutterActivity 中注册我们的Native插件，所以实际开发中一般推荐使用第二种方式

扩展思考

initialRoute 从名称上看起来是Flutter提供给我们进行Native与Flutter交互的路由跳转的，但是实际上他就是一个字符串，我们不仅仅可以传递一个路由名称，有时候我们也可以通过这个参数传递一串JSON数据，然后在Flutter端进行解析，这样我们就可以通过这个参数做更多的事情

activity_main.xml

FrameLayout 用于承载Flutter组件

MainActivity.java

使用 FragmentManager 将 FlutterFragment 添加到 FrameLayout 容器中

运行结果

上半部分是原生的TextView，下半部分是Flutter的Text组件

本节主要介绍了Native和Flutter之间的页面跳转，以及同一个页面中Native与Flutter组件的组合。接下来会介绍如何编写Android插件与Flutter进行数据交互

Q4: 已有iOS项目集成Flutter遇到的一些坑

1.XCode10.3，CocoaPods1.7.5, Flutter 1.8.4-pre.65(一定是master channel，不能是stable)， 根据标题中的环境对应的版本自行升级，如版本高太多的话不敢保证一定会成功。

2.参照官方文档的iOS部分很快就构建好了，于是Commod+B构建，可是马上会遇到第一个坑，如下图：

ld: warning: directory not found for option '-L/Users/wang/Library/Developer/Xcode/DerivedData/test_flutter-dbqsilcpjusqpadpdwvgsoqctumw/Build/Products/Debug-iphonesimulator/FlutterPluginRegistrant'

ld: library not found for -lFlutterPluginRegistrant

clang: error: linker command failed with exit code 1 (use -v to see invocation)

我晕这是什么鬼啊，尝试了各种方式都无效：

怀疑是没有找到静态库 lib(FlutterPluginRegistrant.a)，工程目录和flutter_module目录以及flutterSDK的安装目录都搜遍了，也没有发现这个文件。。。。。。

于是怀疑是新版本的Flutter将FlutterPluginRegistrant.a移除了，根本就不存在这个文件，接下来在宿主iOS工程下的Pods目录中的『Pods-test_flutter.debug.xcconfig』文件中搜索" FlutterPluginRegistrant ",果然发现了一些线索

接下来将 带有 『 FlutterPluginRegistrant 』内容的部分全部删除（ Pods-test_flutter.debug.xcconfig也如法炮制 ），修改后的配置如下：

接下来Command+B再次构建，奇迹发生了，刚才的错误消失了，继续往下走，

参照官方文档将 Appdelegate.m文件改为如下内容

Command+B走起，然而第二个坑来了，

Undefined symbols for architecture x86_64:

  "_OBJC_CLASS_$_GeneratedPluginRegistrant", referenced from:

      objc-class-ref in AppDelegate.o

ld: symbol(s) not found for architecture x86_64

clang: error: linker command failed with exit code 1 (use -v to see invocation)

彻底晕倒，这又是什么鬼。。。自习一看才发试一个经典错误，原来是编译期的符号表$_GeneratedPluginRegistrant在链接期间找不到，由于GeneratedPluginRegistrant是在FlutterPluginRegistrant中定义的，这更加说明了FlutterPluginRegistrant.a根本不存在，于是接下去到刚才用命令"flutter create -t module --org com.example flutter_module"构建的 flutter_module 目录中去搜索文件GeneratedPluginRegistrant(mac系统下用finder搜索小伙伴们一定都会了)，果然有所收获，在../flutter_module/.ios/Flutter/FlutterPluginRegistrant/Classes/目录下发现了两个文件GeneratedPluginRegistrant.h和GeneratedPluginRegistrant.m，这下就好办了，在宿主工程中把这两个文件添加进来，方式任意，可以reference也可以copy过来。

二话不说马上Command+B构建工程，大功告成！！可以来支烟庆祝一下了！

希望此文可以帮助迷茫中的你走出困境，现在网上关于这个错误的解决方案少之甚少，如果看到这里，此时你的问题已经得到解决了！！

Q5: 2021-12-23 flutter module源码方式集成流程分析

官方文档

将 Flutter module 集成到 iOS 项目

（1）这时候还没有App.framework ， podspec文件是有了

（2）有engine，Flutter.framework。

（3）有插件列表 podspec FlutterPluginRegistrant.podspec，这时没有symlinks/plugins目录软链接

（4）导出当前的环境变量 flutter_export_environment.sh

flutter-plugins-dependencies

执行 podHelper.rb 脚本

做2件事情：

/Volumes/huc/opt/fvm/versions/2.2.0/packages/flutter_tools/bin/xcode_backend.sh build

多了.symlinks 和App.framework，重新拷贝了Flutter.xcframework

Pods-HouseCommercialCube-frameworks.sh

执行 xcode_backend.sh

做3件事情：

AppFrameworkInfo.plist

assets_path 这个后面也没有人用啊！

放到.ios下面

.ios/Flutter/engine/Flutter.xcframework

编译前， 把这个下面添加一个空文件， engine被覆盖了，那么那个空文件就没了？

对比了一下大小。 release

debug 版本的Flutter.xcframework 255M

ios-release 1.03 GB

一开始是1.03G， run之后， 变成了255M

说明确实拷贝到这里了

.ios下面App.framework 没有变

App.framework 61Mb

Flutter.framework 35Mb

"${PODS_ROOT}/Target Support Files/Pods-HouseCommercialCube/Pods-HouseCommercialCube-frameworks.sh"

app集成flutter的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于app集成小程序、app集成flutter的信息别忘了在本站进行查找喔。