正文

flutter集成现有app，flutter jni

IP云
IP云V管理员/6 阅读
10/25
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

Flutter(六)Android与Flutter混合开发(Hybird)

1、HybridApp主要以JS+Native两者相互调用为主，从开发层面实现“一次开发，多处运行”的机制，成为真正适合跨平台的开发。HybridApp兼具了NativeApp良好用户体验的优势，也兼具了WebApp使用HTML5跨平台开发低成本的优势。

2、Hybrid是半Native半Web开发模式，充分利用H5的跨平台、快速迭代能力以及Native的流畅性、系统API调用能力，具有可复用性高、开发成本低、跨平台开发的特点。

3、具体来讲ReactNative可以跨Android、iOS、Web、Windows四端，Flutter可以跨Android、iOS、Web、Linux四端，Weex可以跨Android、iOS、Web三端。

4、用户体验感较差；无法调用手机硬件（摄像头、麦克风等）。混合APP开发(原生+H5)混合开发（HybridApp开发），是指在开发一款App产品的时候，为了提高效率、节省成本而利用原生与H5的开发技术的混合应用。

5、选择适合的HybridApp开发框架：目前比较流行的HybridApp开发框架有Ionic、Flutter等。这些框架提供了丰富的开发工具和组件库，可以加快开发速度并提高应用性能。搭建开发环境：根据选择的框架，安装相应的开发工具和环境。

6、渲染方式：Widget渲染界面性能：FlutterAPP是除了NativeAPP以外性能最好的；热更新：不支持；Uni-AppDCloud公司开发的一款基于vue.js的跨端的框架；渲染方式：混合渲染、weex原生渲染、webview渲染。

相关问答

Q1: flutter_boost在iOS端的简单使用

1、FlutterBoost的理念是将Flutter像Webview那样来使用。在现有应用程序中同时管理Native页面和Flutter页面并非易事。 FlutterBoost帮你处理页面的映射和跳转，你只需关心页面的名字和参数即可（通常可以是URL）。

2、同样的，这里可在 Native 端用两种不同的方式去打开我们在 Flutter Module 中注册好的路由名。

3、建立一个flutter项目的命令 在ios文件夹下，生成pods文件夹 Xcode环境签名设置；把错误的版本删除再添加，可解决签名错误问题；必须先删除再添加，直接修改可能不起作用。团队开发，必须使用团队的签名。

4、笔者在采用两种集成方式的过程中，因为iOS项目结构设计导致这两种简单的集成方式都有些麻烦，所以在实践中更改和优化了集成方式，使之在笔者的项目中能够更加简单和快速的集成。

5、使用H5语言开发使用H5开发的好处有很多，可以多端复用，比如浏览器端，ios端，当然H5开发的体验是没有原生好的。结合我做过的项目来说，一般是这个页面需要分享出去的话，就用H5开发。

6、作为插件使用的。可以在更换字体时候，在iOS端使用小苹果源插件进行更换字体。也可以使用小苹果源插件，进行《再次越狱》的安装使用等等。

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

用 [Xcode] 打开工程项目，在 Build Settings 的最下方找到 User-Defined，点击 + 按钮，添加一个键为 FLUTTER_BUILD_MODE ，debug设置profile模式，release设置release 模式。

通过module的形式将flutter嵌入已有的ios项目中后，打包发布时可能会遇到报 Flutter.framework包含了x86_64框架问题，出现这个问题基本是因为粗心。怎么构建flutter module项目这里不提了，官方和网上博客都有。

在项目目录下执行 flutter run 可以正常运行到手机，但是在Xcode build 还是有问题。这时需要手动添加 FLUTTER_ROOT 到 User-Defined ：添加之后：就可以正常在Xcode build 安装到手机了。

笔者在采用两种集成方式的过程中，因为iOS项目结构设计导致这两种简单的集成方式都有些麻烦，所以在实践中更改和优化了集成方式，使之在笔者的项目中能够更加简单和快速的集成。

Q3: iOS(Swift版)Flutter集成关键步骤

1、target FlutterHybridiOS do install_all_flutter_pods(flutter_application_path)end 接着在工程根目录下运行 pod install ，即可集成上 Flutter Module。看到我们的 Pods 中多了以下几个模块，即说明集成成功。

2、flutter run flutter pub get flutter create ..ios文件夹生成之后，回到原生项目pod install即可。

3、结合flutter attach的方式去调试。

Q4: Flutter工程化之iOS混编集成

用 [Xcode] 打开工程项目，在 Build Settings 的最下方找到 User-Defined，点击 + 按钮，添加一个键为 FLUTTER_BUILD_MODE ，debug设置profile模式，release设置release 模式。

pop。AppDelegate.h：AppDelegate.m：同样的，这里可在 Native 端用两种不同的方式去打开我们在 Flutter Module 中注册好的路由名。

iOS项目中集成了Flutter， 使用iOS14系统真机在断开调试后，点击App图标启动闪退。因为在Deug模式下，Flutter为了实现热重载，默认编译方式为JIT。而iOS14系统对这种编译模式做了限制，导致无法启动。

Q5: iOS与Flutter混合开发

1、更改XCode编译模式：使用Release模式编译，这个时候Flutter编译方式为AOT，可正常启动；不更改XCode编译模式：更改Flutter编译配置，强制设置为Release。

2、iOS项目引入Flutter后，安装Debug包，打开Flutter界面会出现In iOS 14+， debug mode Flutter apps can only be launched from Flutter tooling， IDEs with Flutter plugins or from Xcode问题。

3、target FlutterHybridiOS do install_all_flutter_pods(flutter_application_path)end 接着在工程根目录下运行 pod install ，即可集成上 Flutter Module。看到我们的 Pods 中多了以下几个模块，即说明集成成功。

4、将Flutter模块嵌入到现有iOS应用程序中有两种方式：此方法需要所有的相关开发的人员安装 Flutter 环境。需要在my_flutter文件夹下执行一下 把.ios和.android等flutter配置生成出来。

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