美文网首页Flutter
Flutter组件化方案

Flutter组件化方案

作者: yan0_0 | 来源:发表于2022-05-19 23:19 被阅读0次

首先flutter集成进原生,也就是使用Flutter Module的方式,官方提供了三种方案,之前一直使用的方案一,使用CocoaPods的方式,将flutter项目和原生项目放在同一目录下,很方便,不过使用的组员必须都配置flutter环境,如果团队很多人都会用到这个项目,但他可能就只负责iOS原生的部分,就不是很友好了。这时候我们可以通过打包后生成私有库的形式引入即可。

打包成framework

我们创建好Flutter Module工程后,在flutter工程目录下执行命令

flutter build ios-framework --output=/Users/li/Desktop/framework

在指定目录下生成framework,这时候你会看到他生成了三个文件夹。我们这里先选择Debug下面的。一般里面一定会有一个App.xcframework和一个Flutter.xcframework,因为我项目里用到了插件,所以多了些。


截屏2022-05-19 下午10.52.42.png

上传到私有库

这时候我们将Debug文件夹下面的所以内容copy出来放到pod私有仓库指定目录(这里需要注意我们不再是放在class目录下了,如下图所示),podspec文件里需要添加

  s.static_framework = true
  s.vendored_frameworks = "flutter_lib/*.xcframework"
  s.pod_target_xcconfig = { "VALID_ARCHS" => "x86_64 armv7 arm64" } #设置支持的架构
截屏2022-05-19 下午11.09.05.png

之后我们就可以使用私有库的形式引入flutter,不需要安装flutter环境了,这里应该也可以脚本在提交flutter代码后自动打包,感兴趣的朋友可以研究下。

补充

如果开发阶段还是建议使用CocoaPods的形式,方便修改调试,如果其他私有库需要使用Flutter,比如封装的桥接组件,记得添加依赖

s.dependency 'Flutter'

相关文章

  • Flutter组件化方案

    首先flutter集成进原生,也就是使用Flutter Module的方式,官方提供了三种方案,之前一直使用的方案...

  • Flutter(十二)混合栈开发-组件化Flutter工程

    Flutter混合栈开发 组件化Flutter工程 Flutter本身就是为了在移动端上提供一个快速开发的技术方案...

  • Flutter混合栈开发-组件化Flutter工程

    Flutter混合栈开发 组件化Flutter工程 Flutter本身就是为了在移动端上提供一个快速开发的技术方案...

  • 2020-03-17

    阿里开源组件 app_debug_toolflutter_方案flutter_组件flutter_redux AI...

  • iOS组件化方案

    iOS组件化方案 iOS组件化方案

  • Flutter组件化

    使用Flutter Module实现组件化的思路:Flutter组件化[https://juejin.cn/pos...

  • iOS 组件化方案探索

    组件化方案相关链接: 一、Limboy的组件化方案: 原文1 原文2二、Casa的组件化方案: 原文

  • 组件化方案

    组件化方案引用 在现有工程中实施基于CTMediator的组件化方案 iOS组件化实践(一):简介 iOS组件化实...

  • iOS组件化文章汇总

    iOS应用架构谈 组件化方案 APP组件化之路 我所理解的组件化之路 iOS 组件化方案探索 围观神仙打架,反革命...

  • iOS:组件化的三种通讯方案

    组件化 本文主要介绍组件化常用三种通讯方式. 常⽤的三种组件化通讯方案 组件化通信方案组件化最重要的是兄弟模块的通...

网友评论

    本文标题:Flutter组件化方案

    本文链接:https://www.haomeiwen.com/subject/rsjxprtx.html