将Flutter引入到现有项目中(iOS+Flutter)

iOS编程开发现在真的是越来越卷了,单一的依靠原生开发似乎在今年不太好生存下去了。越来越多的跨平台方案的出现,让我们这些原生工程师在不断追赶项目进度的步伐的同时也要进行新鲜血液的汲取。Flutter就是当下比较流行的一个跨平台(其实我觉得叫全平台也不是不可以)方案了。
但是要完全的使用Flutter进行开发也不是完全可行的,难道老项目直接推倒重构?(有的人也许会暗自窃喜,终于不用再去梳理那陈年积累的复杂逻辑了)但是这样太费力的,今天我们就来探究一种直接在原有项目上接入Flutter的方案。
首先,我们肯定是要有flutter的开发环境了,这个就不做过多的叙述,网上教程很多,不管你是用了哪一种,只要最后在终端运行flutter doctor命令之后你没有看到’x‘那就证明你的环境配置好了。如果有’x’那就逐步的去度娘,谷歌找答案就行了。
然后,我们先用xcode创建一个新的项目(这只是做示例),再在桌面上穿件一个空的文件夹,然后把你刚创建好的项目拖动到你创建的空文件夹中。
然后点开终端,执行cd 刚才文件夹的路径(从桌面直接拖到终端亦可),回车。然后执行 flutter create --template module 文件名(这里你想怎么写怎么写)
接着我们需要对原生项目做一些处理,这里我们用cocoapods。生成Podfile的方法就不做过多叙述了。然后我们需要添加如下代码
截屏2022-07-10 19.04.15.png

  1. flutter_application_path = ../flutter_hybrid_project
  2. load File.join(flutter_application_path,.ios,Flutter,podhelper.rb)
  3. install_all_flutter_pods(flutter_application_path)

flutter_hybrid_project 就是你flutter组件的名称。我看到别的平台的文章也有写 ../../flutter_hybrid_project的,这个如果到时候报错了你也可以试试,反正就是确保路径要对。
然后执行pod install到此,就算简单的集成完毕了。


文章标签:

原文连接:https://juejin.cn/post/7118700869071142925

相关推荐

Taro框架完美使用Axios

看完这篇,你也可以搞定有趣的动态曲线绘制

Codable保姆级攻略

iOS CarPlay|使用 CarPlay 为你的 App 提速

零基础教你Unity集成IOS原生本地推送

StoreKit2 实际接入时候的踩坑与解决实录

iOS:runloop 运行循环

第四届青训营阅读打卡活动来啦,奖品、规则全面升级,快来学习吧

支持SwiftUI!Swift版图片&视频浏览器-JFHeroBrowser上线啦

用 JavaScript 复原何同学B站头图、对前端构建工具的一些理解、弹幕的常规设计与实现 丨酱酱的下午茶第31期

现今 Swift 包中的二进制目标

[Android开发学iOS系列] 语言篇: Swift vs Kotlin

LeetCode - #125 验证回文串

通过Vue自定义指令实现前端埋点,我不写单元测试,被批了,利用噪声构建美妙的 CS,Kotlin协程-CoroutineScope丨酱酱的下午茶第30期

iOS 数据存储

iOS怎么用代码实现这样奇怪的动画

利用 UIScrollView 实现六棱柱图片浏览效果

iOS中为什么会有这么多锁呢?

免费ios开发流程和步骤教程

[LD]iOS二进制组件化与Protocol的潜在风险