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

8,502 阅读2分钟

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

flutter_application_path = '../flutter_hybrid_project'

load File.join(flutter_application_path,'.ios','Flutter','podhelper.rb')

install_all_flutter_pods(flutter_application_path)

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