Flutter系列教程

iOS项目加入Flutter

2020-02-06  本文已影响0人  嗨哒哥

iOS项目加入Flutter

flutter作为最近很火的一个混合开发工具,应该怎样才能接入到现有项目中?接下来将会讲解如何将flutter集成进原有iOS项目。

安装Flutter

准备工作,首先要在电脑上安装flutter,具体安装请参考以下两种方式:

Flutter在mac上的安装

官方安装方法

创建flutter的module

进入到旧项目的目录


old_project.jpg

然后打开终端,cd 到iOS_project下面,然后执行'flutter create --template module flutter_project',这里稍作等待就能执行完成;执行完会看到如下情况:


create_module.jpg

出现上述情况就代表创建成功,接下来就可以flutter进项目

flutter集成进项目

打开iOS_project.xcworkspace,编辑Podfile;在里面加入下面代码:

flutter_path = './flutter_project'#可以是相对路径也可以是决定路径,指向你创建的flutter的项目
load File.join(flutter_path, '.ios', 'Flutter', 'podhelper.rb')

然后在target .. do end中间加上定义的flutter路径

target 'iOS_project' do
  # Comment the next line if you don't want to use dynamic frameworks
  use_frameworks!
  install_all_flutter_pods(flutter_path)
  # Pods for iOS_project
end

参考使用如下:


flutter_path.jpg

执行pod install 命令

修改完Podfile文件之后,就可以执行pod install命令,到此为止,flutter就完整的集成进原有iOS项目了。

现在看一下项目中是否有了flutter文件夹,如果项目中的Development Pods目录下面有Flutter.framework、App.framework、FlutterPluginRegistrant文件,就说明成功了。


Development_pod.jpg
上一篇下一篇

猜你喜欢

热点阅读