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

解决方法

相关推荐
2501_915909061 小时前
全面解析iOS应用上架到App Store的完整流程与关键注意事项
android·macos·ios·小程序·uni-app·cocoa·iphone
00后程序员张2 小时前
抓包鹰 电脑本机网络连接表怎么看?哪些程序在联网 进程归属与可疑 IP 追溯
网络协议·计算机网络·网络安全·ios·adb·https·udp
2501_915918413 小时前
免 Xcode 开发 iOS,工具链替代方案与编译、签名、安装
ide·vscode·macos·ios·个人开发·xcode·敏捷流程
程序员老刘5 小时前
Qwen 3.8 max干了20分钟没干完,免费模型3分17秒搞定,问题出在哪?
flutter·ai编程
初级代码游戏5 小时前
iOS开发 Swift 速记5:高级运算符
ios·移动开发·swift
初级代码游戏5 小时前
iOS开发 Swift 速记4:函数与闭包
开发语言·ios·swift
2501_915106327 小时前
iOS 证书类型及作用说明 账号证书与签名配置的完整解读
android·ios·小程序·https·uni-app·iphone·webview
飞凌嵌入式7 小时前
告别多端重复开发:Buildroot+Flutter实现全平台UI风格统一
flutter·ui
凡泰AI8 小时前
如何通过小程序多端框架,让一个小程序同时运行在iOS、安卓、鸿蒙以及PC客户端,实现一次开发多端运行的效果
android·ios·小程序
FungLeo8 小时前
Flutter 带 TTL 的多级缓存设计:内存+磁盘+网络三层实战
网络·flutter·缓存·性能优化