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

解决方法

相关推荐
SoaringHeart6 小时前
Flutter 进阶:NCanvasImageLoader 让 Canvas 也能画网络图
前端·flutter
悟空瞎说6 小时前
NSNotificationCenter(NotificationCenter)官方文档白话翻译 + API 详解 + Swift 实战
ios
磐链科技8 小时前
钱包开发中的跨平台架构:Flutter与Rust构建高性能移动端钱包
flutter·架构·rust
iFlyCai11 小时前
深入理解Flutter:StatefulWidget生命周期全解析(四)
前端·javascript·flutter
iFlyCai11 小时前
Flutter setState 完全解析:原理、更新机制、误区与
flutter
末代iOS程序员华仔14 小时前
iOS个人开发者账号申请为啥会被卡住
ios·swift·figma
MaoJiu15 小时前
从纹理采样到局部形变:实时瘦鼻 Shader 算法解析
ios
恋猫de小郭16 小时前
Firebase 如何让全球 Android 和 Flutter 开发者集体 Build Fail
android·前端·flutter
奈斯先生Vector16 小时前
从“能调用”到“可替换”:Coze 多模型 API 编排层设计指南
linux·运维·人工智能·ubuntu·平面·ios
DogDaoDao16 小时前
HarmonyOS 深度解析:从微内核到 ArkTS 工程实战
android·linux·ios·华为·程序员·harmonyos·harmonyos next