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

解决方法

相关推荐
子非鱼94272 小时前
07-Flutter 鸿蒙实战 07:故事集列表与缓存设计
学习·flutter·缓存·华为·harmonyos
子非鱼94275 小时前
06-Flutter 鸿蒙实战 06:上传后处理流程,照片识别、故事生成和状态刷新
学习·flutter·华为·harmonyos
库奇噜啦呼7 小时前
【iOS】Core Data
ios
sTone873758 小时前
写时复制COW的第一性理解
android·c++·flutter
nicepainkiller8 小时前
codex 逆向 flutter
flutter·flutter 逆向
帅次8 小时前
Android 高级工程师面试:Flutter 路由导航 近1年高频追问 18 题
android·flutter·面试
浮江雾9 小时前
Flutter第七节-----快捷键创建组件与flutter中的点击事件
flutter
想你依然心痛18 小时前
【共创季稿事节】HarmonyOS 7.0 应用框架(ArkUI-X)跨平台能力深度探索
flutter·react native·arkui-x·跨平台渲染·harmonyos 7.0·arkrender·组件兼容性
SoaringHeart21 小时前
Flutter最佳实践:键盘辅助视图输入框天添加图片附件
前端·flutter
心中有国也有家1 天前
AtomGit Flutter 鸿蒙客户端:Canvas 绘制进阶-路径、渐变与混合模式
android·javascript·flutter·华为·harmonyos