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

解决方法

相关推荐
唔662 小时前
在 Flutter 混合开发中,Android 原生层通知 Dart 界面更新状态
android·flutter
小书房2 小时前
移动开发跨平台方案之RN/Flutter/KMP/CMP
flutter·react native·react·跨平台·rn·kmp·cmp
亘元有量-流量变现2 小时前
预算有限怎么投?iOS ASO与ASA优劣对比及精细化联动增长策略
ios·用户运营·aso优化·亘元有量·方糖试玩
●VON3 小时前
AtomGit Flutter鸿蒙客户端:安全JSON解析
安全·flutter·华为·json·harmonyos·鸿蒙
●VON3 小时前
AtomGit Flutter鸿蒙客户端:项目架构概览
flutter·华为·架构·harmonyos·鸿蒙
●VON4 小时前
AtomGit Flutter鸿蒙客户端:OAuth2认证与登录
flutter·华为·跨平台·harmonyos·鸿蒙
Mr -老鬼4 小时前
EasyClick iOS自动化7.1.0新版本详解
ios·自动化·easyclick
2501_916007474 小时前
不用 Mac 也可以 Windows下管理iOS描述文件的非Xcode完整指南
android·ios·小程序·https·uni-app·iphone·webview
●VON4 小时前
AtomGit Flutter鸿蒙客户端:Tab导航架构
flutter·华为·架构·harmonyos·鸿蒙