把flutter作为framework添加到已存在的iOS中

最新推荐文章于 2024-05-10 15:17:25 发布
最新推荐文章于 2024-05-10 15:17:25 发布
阅读量5k 收藏 3
点赞数
分类专栏： flutter ios 文章标签： flutter ios 打包 framework 存在
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_28478281/article/details/92416686
版权

之前写了一篇关于如何将 flutter 直接打包成 android aar 的文章, 本篇写一写如何将 flutter 打包成 framework 以便于直接让没有 flutter 环境的 iOS 开发者使用, 因为国内很多项目都有这样的要求

本篇并不会做完全的工程集成化, 只是做一下如何将 flutter 的 framework 打出来, 并且置入到 iOS 原生工程中, 因为各项目一定户会有自己的特殊性, 不可能完全一样

本篇打包脚本部分参考了 https://www.jianshu.com/p/700bd7d2122b 的内容,但是又有一些针对 flutter 版本的变化和 flutter type 不同的情况进行的修改, 不观看连接中的内容并不会影响观看

文章目录

开发环境

MacOS
XCode 10
git
flutter 及 flutter 的相关工具链
cocoapods

创建几个工程

iOS 原生工程

使用 xcode 创建
img

img

这个原生工程就是模拟你的原有工程

Flutter 工程

这里我只使用 flutter module 的方式, 如果你 flutter 是 app 的方式创建的,则打包脚本的内容需要根据应用结构有所调整

$ flutter create -t module flutter_module_for_ios

这次直接在里面添加一个带有原生功能的插件, 和 android 篇相同依然选择 shared_preferences 那个插件

修改 pubspec.yaml:

dependencies:
  shared_preferences: ^0.5.3+1

创建脚本

观察结构

打包 iOS,然后观察 build 文件夹

flutter packages get
flutter build ios --release --no-codesign

tree build/ios/Release-iphoneos
build/ios/Release-iphoneos
├── FlutterPluginRegistrant
│   └── libFlutterPluginRegistrant.a
├── Runner.app
│   ├── AppIcon20x20@2x.png
│   ├── AppIcon20x20@2x~ipad.png
│   ├── AppIcon20x20@3x.png
│   ├── AppIcon20x20~ipad.png
│   ├── AppIcon29x29.png
│   ├── AppIcon29x29@2x.png
│   ├── AppIcon29x29@2x~ipad.png
│   ├── AppIcon29x29@3x.png
│   ├── AppIcon29x29~ipad.png
│   ├── AppIcon40x40@2x.png
│   ├── AppIcon40x40@2x~ipad.png
│   ├── AppIcon40x40@3x.png
│   ├── AppIcon40x40~ipad.png
│   ├── AppIcon60x60@2x.png
│   ├── AppIcon60x60@3x.png
│   ├── AppIcon76x76@2x~ipad.png
│   ├── AppIcon76x76~ipad.png
│   ├── AppIcon83.5x83.5@2x~ipad.png
│   ├── Assets.car
│   ├── Base.lproj
│   │   ├── LaunchScreen.storyboardc
│   │   │   ├── 01J-lp-oVM-view-Ze5-6b-2t3.nib
│   │   │   ├── Info.plist
│   │   │   └── UIViewController-01J-lp-oVM.nib
│   │   └── Main.storyboardc
│   │       ├── BYZ-38-t0r-view-8bC-Xf-vdC.nib
│   │       ├── Info.plist
│   │       └── UIViewController-BYZ-38-t0r.nib
│   ├── Debug.xcconfig
│   ├── Flutter.xcconfig
│   ├── Frameworks
│   │   ├── App.framework
│   │   │   ├── App
│   │   │   ├── Info.plist
│   │   │   └── flutter_assets
│   │   │       ├── AssetManifest.json
│   │   │       ├── FontManifest.json
│   │   │       ├── LICENSE
│   │   │       ├── fonts
│   │   │       │   └── MaterialIcons-Regular.ttf
│   │   │       └── packages
│   │   │           └── cupertino_icons
│   │   │               └── assets
│   │   │                   └── CupertinoIcons.ttf
│   │   └── Flutter.framework
│   │       ├── Flutter
│   │       ├── Info.plist
│   │       └── icudtl.dat
│   ├── Info.plist
│   ├── PkgInfo
│   ├── Release.xcconfig
│   └── Runner
├── Runner.app.dSYM
│   └── Contents
│       ├── Info.plist
│       └── Resources
│           └── DWARF
│               └── Runner
├── libPods-Runner.a
└── shared_preferences
    └── libshared_preferences.a

18 directories, 46 files

发现打包出来的是.a 文件, 这里我们需要修改一下 ios 目录下的文件, 以便于打包出来 framework 文件, 因为 framework 是 apple 提供的一种打包方案, 直接将所有需要的资源包括头文件,库文件都聚集到了一起,方便引用, 而.a 文件就不一样了, 还需要包含对应的头文件

修改.ios 下的 podfile

在第一行添加这个

use_frameworks!

然后先清除一下刚刚打包的内容 $ flutter clean

flutter build ios --release --no-codesign

tree build/ios/Release-iphoneos
build/ios/Release-iphoneos
├── FlutterPluginRegistrant
│   ├── FlutterPluginRegistrant.framework
│   │   ├── FlutterPluginRegistrant
│   │   ├── Headers
│   │   │   ├── FlutterPluginRegistrant-umbrella.h
│   │   │   └── GeneratedPluginRegistrant.h
│   │   ├── Info.plist
│   │   └── Modules
│   │       └── module.modulemap
│   └── FlutterPluginRegistrant.framework.dSYM
│       └── Contents
│           ├── Info.plist
│           └── Resources
│               └── DWARF
│                   └── FlutterPluginRegistrant
├── Pods_Runner.framework
│   ├── Headers
│   │   └── Pods-Runner-umbrella.h
│   ├── Info.plist
│   ├── Modules
│   │   └── module.modulemap
│   └── Pods_Runner
├── Runner.app
│   ├── AppIcon20x20@2x.png
│   ├── AppIcon20x20@2x~ipad.png
│   ├── AppIcon20x20@3x.png
│   ├── AppIcon20x20~ipad.png
│   ├── AppIcon29x29.png
│   ├── AppIcon29x29@2x.png
│   ├── AppIcon29x29@2x~ipad.png
│   ├── AppIcon29x29@3x.png
│   ├── AppIcon29x29~ipad.png
│   ├── AppIcon40x40@2x.png
│   ├── AppIcon40x40@2x~ipad.png
│   ├── AppIcon40x40@3x.png
│   ├── AppIcon40x40~ipad.png
│   ├── AppIcon60x60@2x.png
│   ├── AppIcon60x60@3x.png
│   ├── AppIcon76x76@2x~ipad.png
│   ├── AppIcon76x76~ipad.png
│   ├── AppIcon83.5x83.5@2x~ipad.png
│   ├── Assets.car
│   ├── Base.lproj
│   │   ├── LaunchScreen.storyboardc
│   │   │   ├── 01J-lp-oVM-view-Ze5-6b-2t3.nib
│   │   │   ├── Info.plist
│   │   │   └── UIViewController-01J-lp-oVM.nib
│   │   └── Main.storyboardc
│   │       ├── BYZ-38-t0r-view-8bC-Xf-vdC.nib
│   │       ├── Info.plist
│   │       └── UIViewController-BYZ-38-t0r.nib
│   ├── Debug.xcconfig
│   ├── Flutter.xcconfig
│   ├── Frameworks
│   │   ├── App.framework
│   │   │   ├── App
│   │   │   ├── Info.plist
│   │   │   └── flutter_assets
│   │   │       ├── AssetManifest.json
│   │   │       ├── FontManifest.json
│   │   │       ├── LICENSE
│   │   │       ├── fonts
│   │   │       │   └── MaterialIcons-Regular.ttf
│   │   │       └── packages
│   │   │           └── cupertino_icons
│   │   │               └── assets
│   │   │                   └── CupertinoIcons.ttf
│   │   ├── Flutter.framework
│   │   │   ├── Flutter
│   │   │   ├── Info.plist
│   │   │   └── icudtl.dat
│   │   ├── FlutterPluginRegistrant.framework
│   │   │   ├── FlutterPluginRegistrant
│   │   │   └── Info.plist
│   │   └── shared_preferences.framework
│   │       ├── Info.plist
│   │       └── shared_preferences
│   ├── Info.plist
│   ├── PkgInfo
│   ├── Release.xcconfig
│   └── Runner
├── Runner.app.dSYM
│   └── Contents
│       ├── Info.plist
│       └── Resources
│           └── DWARF
│               └── Runner
└── shared_preferences
    ├── shared_preferences.framework
    │   ├── Headers
    │   │   ├── SharedPreferencesPlugin.h
    │   │   └── shared_preferences-umbrella.h
    │   ├── Info.plist
    │   ├── Modules
    │   │   └── module.modulemap
    │   └── shared_preferences
    └── shared_preferences.framework.dSYM
        └── Contents
            ├── Info.plist
            └── Resources
                └── DWARF
                    └── shared_preferences

37 directories, 65 files

Runner.app 这个熟悉的名字下虽然看似包含所有的 framework,但是仔细观察, 这些 framework 内不包含头文件, 所以其实是用不了的

可以使用的是如图所示的几个

img

根据上面的 tree 图可以看到,其中包含了全部的库文件, 但除此以外,

最低0.47元/天 解锁文章
做人要简单
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
关于Flutter打包报linked and embedded framework ‘App.framework‘ was built for iOS Simulator的错误
xiangzhihong8的专栏
09-18 1654
今天升级Xcode之后，使用打包机打iOS包的时候，报了一个错，报错的信息如下： note: Using new build system note: Building targets in parallel note: Planning build note: Constructing build description error: Building for iOS, but the linked and embedded framework 'App.framewor
Flutter - 将 Flutter 集成到现有项目（iOS - Framework篇）
Flutter笔记
06-10 5017
本篇文章大幅参考了 caijinglong 大佬的总结文章：把flutter作为framework添加到已存在的iOS中[1]用 Flutter 来开发，从来都不可能是新开的一个纯 F...
flutter module打包成framework引入原生工程
allanGold
01-30 1193
到这里 Flutter Module 就完全引入到了现有的 iOS 工程中，关于如何运行代码，可以去官方文档 - Adding a Flutter screen to an iOS app[5] 中查找。这样集成的方案，感觉是目前最方便的了。（如有更佳方案，烦请告知）Flutter 端写完代码直接运行就可以了。iOS 端直接，超级简单。如有缺陷，希望大家提出，共同学习！?References[1]把flutter作为framework添加到已存在的iOS中:[2]
UE5的IOS项目打包为framework导入flutter项目经验总结
最新发布
weixin_43866011的博客
05-10 479
目前在做的项目是双端（安卓和IOS）作为动态链接库或者framework导入到flutter项目中去使用。这篇文章主要介绍IOS端打包为framework在flutter项目中使用的经验。
Flutter之应用打包
水煮鱼在飞的博客
03-05 831
使用Android Studio对Flutter应用打包 生成签名文件 如果您有现有keystore，请跳至下一步。如果没有，请通过在运行以下命令来创建一个： keytool -genkey -v -keystore ~/key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias key 或者 keytool -genkey -dn...
VS2015：在MFC下实现Excel文件读写操作
渊荼
11-19 6470
VS2015：在MFC下读写Excel文件 文章目录VS2015：在MFC下读写Excel文件前言一、创建MFC项目二、引入Excel资源类三、实现Excel读取总结 前言 visual studio 2015下使用MFC实现可视化编程，并对Excel文件进行读写操作 开发环境：Visual Studio 2015、Office2016（版本可以随意） 一、创建MFC项目 创建MFC测试demo，这里我直接创建一个基于对话框的MFC应用程序 （注意：这里选择基于对话框，选择之后直接点击完成） 创
【Flutter/IOS混编】flutter build ios-framework打出xcframework问题
CROW的博客
12-16 3732
昨天下午更新了最新版的Flutter，版本如下： Flutter 1.24.0-10.2.pre • channel beta • https://github.com/flutter/flutter.git Framework • revision 022b333a08 (4 周前) • 2020-11-18 11:35:09 -0800 Engine • revision 07c1eed46b Tools • Dart 2.12.0 (build 2.12.0-29.10.beta) 按照往常在编
Flutter Recipes: Mobile Development Solutions for iOS and Android
10-11
Flutter Recipes: Mobile Development Solutions for iOS and Android Take advantage of this comprehensive reference to solving common problems when developing with Flutter. Along with an introduction to...
flutter_client_php_backend：示例应用程序演示了Flutter Framework如何使用PHP中创建的Rest API创建Android和IOS应用程序
01-30
Flutter Client PHP后端演示使用Flutter和PHP的应用程序。 使用创建的应用对于托管使用的建于跨平台应用开发框架屏幕截图如何使用这个程序。 在虚拟主机上托管包含的示例使用在数据库内部创建表如果您使用自己的网站...
flutter3.0继承高德地图定位
08-09
下载后请用xcode修改自己的ios证书真机运行.flutter代码在PG1.dart里面修改 String androidKey = "b3392bb7fe532b0eb0e2a85ec464e804"; String iosKey = "318e438a3a7e4bec53f45b826b8f7003"; 把这2个变量修改成...
flutter-go:Flutter应用程序使用gomobile（golang移动版）创建的aar lib（android）和framework（ios）
05-12
你好一个新的Flutter应用程序，它使用gomobile创建的aar lib（android）和framework（ios）。 （android和ios都支持！！！）入门要获得Flutter入门方面的帮助，请查看我们的在线文档。如何在IOS上运行使用xcode打开...
flutter-front:颤振前端
04-12
在给定的描述 "cd gssuite flutter run" 中，"cd gssuite" 表示切换到名为 "gssuite" 的目录，这可能是项目所在的目录。接着，运行 "flutter run" 命令，此命令会编译 Flutter 项目并启动它在连接的设备或模拟器上。...
Flutter集成与打包iOS应用
唐僧的专栏
12-25 7548
主要步骤和流程 申请iOS企业级或个人开发者账号 通过链接Apple Developer Program - Apple Developer进行注册 在App Store Connect注册你的APP 为你的APP注册Bundle ID 检查 Xcode 项目设置 更新应用的开发版本 添加APP启动图标 设置签名账号 创建构建存档 在 TestFlight 发布你的应用 在 App Store 发布你的应用 打包并发布 iOS 应用 预先准备 在开始发布你的 app 的进程
Flutter插件开发，ios添加本地第三方framework
m0_37671478的博客
09-05 3908
操作 1.打开插件的ios目录（注意：不是exmple目录下的ios） 2.新建一个目录 frameworks (ps：名称可随意，后面的路径一直即可) 3.将本地的第三方.framework 复制到上一步新建的目录里 4.打开 ios目录下的.podspec后缀文件 5.添加两句代码,下面以腾讯地图的为例 s.ios.vendored_frameworks = 'Frameworks/Te...
iOS Flutter插件 导入第三方Framework和添加自定义Assets
酸柠檬的博客
07-11 8892
场景：当使用Flutter开发Package&Plugins时，若需要导入第三方Framework，此时就相当于Pod该Framework（iOS环境下）。 1.Flutter 创建Plugins之后，包名如 flutter_plugin_indoor_map，先用Android Studio打开 flutter_plugin_indoor_map 项目，并运行。 2.将第三方库在fi...
iOS原生项目集成 Flutter
xiangzhihong8的专栏
07-11 6108
前不久，谷歌官方正式发布了Flutter的首个发布预览版（Release Preview 1），这标志着谷歌进入了Flutter正式版（1.0）发布前的最后阶段，同时作为Google的重量级跨平台开发方案，此次更新也吸引了多数的移动开发者的关注。使用 Flutter从头开始写一个 App是一件非常轻松惬意的事情，但在原生APP中接入 Flutter会是什么效果呢，似乎并不是一件容易的事情，下面就讲...
Flutter导入第三方Framework
夏目三三
05-18 5352
场景：当使用Flutter开发Package&Plugins时，若需要导入第三方Framework，此时就相当于Pod该Framework（iOS环境下）。具体如下图：需要在podspec中加上s.vendored_frameworks = '库名.framework'即可。...
flutter，升级xcode，执行flutter build ios --release --no-codesign报错
wangyajuncsd的博客
03-30 3547
如题，升级了xcode到12.4之后，执行flutter build ios --release --no-codesign命令报错，错误如下； 有的同学可能会包报其他的错误： Building for iOS, but the linked and embedded framework 'App.framework' was built for iOS Simulator. 或者 Building for iOS Simulator, but the linked and embedded fram
Flutter的菜鸟教程二十七:Flutter应用打包发布
热门推荐
duo_shine的博客
08-03 2万+
本文学习Flutter打包,打包环境,Android studio3.2,打包的程序就使用上文的酷炫天气预报 terminal执行下列命令: 1.生成key(如果有现成的Key跳过这一步) 2.key.properties创建 3.app的build.gradle中配置，这个文件位于这个位置 a:使用我们刚刚创建的配置文件 原 android { 改为 ...
Flutter.framework/Flutter does not exist
05-27
这个错误通常发生在使用 Flutter 开发 iOS 应用时，通常是由于 Xcode 未能正确链接 Flutter.framework 的原因导致的。 可以尝试以下步骤解决该问题： 1. 确保 Flutter 已经正确安装并设置环境变量。 2. 在终端中进入项目的根目录，运行 `flutter clean` 命令清除项目构建缓存。 3. 重新运行 `flutter build ios` 命令生成 Flutter.framework。 4. 在 Xcode 中，打开项目的 `Build Settings`，在 `Framework Search Paths` 中添加 Flutter.framework 的路径。 5. 在 `Build Phases` 中，确保 `Copy Files` 中有 `Flutter.framework` 并且 `Destination` 被设置为 `Frameworks`。 如果以上步骤不能解决问题，可以尝试重新创建 Flutter 项目，并确保在创建项目时正确选择了 iOS 平台。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值