irpas技术客

Flutter混编之路IOS插件0基础开发(mac环境)_艾斯米拉达c_flutter插件开发ios

未知 3767

本文默认你安装了Android Studio、Xcode具备flutter开发环境,并且会dart语言的基础使用,Android、ios原生开发不会也没啥关系,就是会很费劲啦。

1.创建插件

在Android studio 点击File-->new Flutter Project-->Flutter

取好名字,Project Type选择Plugin,?语言我们肯定选最新的kotlin和swift两兄弟,点击finish就创建了一个简单的插件demo,android或者ios设备运行下可以看到显示的是当前手机的系统的版本号

2.了解插件的项目结构

左上角切换到Project视图,此时你会看到如下结构项目,请忽略上面报红的目录

?我们需要关注以下4个目录

android目录是用来开发Android端的功能ios目录是用来开发iOS端的功能lib是实现Flutter插件接口的代码example目录是测试项目,用来测试开发出来的插件

3.使用XCode打开ios项目,开始编码

3.1?对着ios目录右击,Flutter-->open IOS module?in xcode就能打开项目

这个时候在终端 cd ?/Users/xxx/FlutterPlugin/example/ios ?目录执行 pod install 必须执行一次,才能成功构建项目,执行成功就会生成pods文件夹,如果失败自行根据错误找下答案吧

?3.2 这个时候我们如上图打开pods,一路展示到最里层,就是我们写代码的地方,因为用的是Swift,所以打开SwiftOssPlugin,愉快的写代码吧

3.3我们经常需要在原生里面使用第三方SDK,可以在“项目名.podspec”文件里加上s.dependency '第三方库名',如图,我用的是阿里的oss库演示

?

4.导入第三方包,这个时候就能引用sdk里面的内容了,具体自己去写吧,我要开始搬砖啦

?

5.在example的lib下面的main.dart里面编写代码调用外层(也就是插件)的lib下oss_flutter.dart的方法,如图1-->图2,为调用过程

invokeMethod后将调用原生方法,也就是上文4中XCode图片里的内容init方法,介绍到这基本就结束了,很粗糙也很简洁,原谅我第一次编写插件,不明白的欢迎随时提问,爱你们,么么哒!


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #flutter插件开发ios #iOS #modulein #cd #目录执行