IOS原生APP集成Flutter

#背景#在老的IOS项目如,需要引入Flutter的页面

实现步骤

1:使用flutter创建moduel,并生成离线的frame提供iso使用

复制代码
flutter  create -t module  flutter_module #创建module
flutter build ios-framework --output=framework/ #生成frame

如图所示

2把frame加入到ios中

选择 target->Build Phrases-> Link Binary With Libraries 生成的frame

如图

注意:

1:必须选中Flutter.xcframework, 否则在import Flutter的时候会提示找不到module

2:App.xcramework是Dart语言编写的 应用,需要加入到ios中,否则出现白屏

3:可同时选择Debug中Release文件夹中的App.scframework,Flutter.scframework 体四个文件夹

并配置路径,区分发布环境还是调试环境(模拟器上运行),由于App.scframework,Flutter.scframework同名了需要配置,否则Xcode没发确定选择的是Debug,还是Release

解决方法

相关推荐
2601_949847753 小时前
Form-data 跨端三方库仓颉适配全流程
前端·javascript·flutter
zhongben123_5 小时前
从零开发一个打车APP:技术选型、系统架构与成本评估指南
大数据·运维·ios·系统架构·uni-app·web app
茶底世界之下5 小时前
人像清晰度加多少?用 Awaking 对照皮肤与发丝
ios
大龄秃头程序员6 小时前
Flutter 中我为什么把 GetX 定位为高效率方案,而不是默认架构方案
flutter
Anhty8 小时前
2026三款AI变声器测评:iOS男变女自然声线实测
人工智能·功能测试·ios·智能手机
传奇开心果编程8 小时前
组合优先开发范式:从汉字造字原理到声明式UI组件组合思想
android·flutter·ios·swiftui·移动开发·harmonyos·android jetpack
腾讯端服务9 小时前
一码Duo端-Kuikly-iOS折叠屏新UI适配实践
android·ui·ios·kotlin·鸿蒙
2501_915918419 小时前
Windows 上开发 React Native iOS,真机调试、Fast Refresh 与打包 ipa
windows·vscode·react native·ios·个人开发·swift·敏捷流程
2501_9445215918 小时前
Ramda 跨端三方库仓颉适配全流程
开发语言·javascript·flutter·php
aiopencode1 天前
局域网设备抓包怎么做?用 TraceEagle 抓电视、游戏机和 IoT 流量
后端·ios