上海千语创想科技有限公司
 175-2108-6175
网站建设资讯详细

Flutter插件开发

日期:2020-05-14  作者:千语创想  浏览:5447

开发Flutter插件

创建插件项目

首先,我们创建一个指定文件夹demo_0414,然后在终端命令行中该文件夹下使用以下flutter命令根据插件模板创建一个插件项目。

  1. flutter create -t plugin flutter_plugin_demo

  2. 复制代码

执行完成后,会在demo_0414目录下生成一个flutter plugin项目,使用Android Studio打开项目目录结构如下

 

 

 

目录结构中我们可以看到比平常创建的flutter项目多了一个example目录,这个就是对应插件的例子工程,它是一个flutter application项目,当我们插件项目的功能开发完成后,可以通过example工程写一些plugin api的具体使用实例,以便发布后读者通过example能够更快速的学习该插件的使用方法。

我们看到插件项目的lib目录下有一个模板生成的dart文件,该文件包含的FlutterPluginDemo就是一个插件类,其内部实现了一个获取平台系统版本的方法,该方法是通过实现的Platform Channel来获取版本号信息的,我们查看插件工程内的android和ios目录中确实有对应的Platform Channel实现。

插件功能开发

创建好的插件项目中已经为我们实现好了一个获取平台系统版本号的插件类,那么,我们如果想实现自己所需要的功能该如何编写对应的代码呢?

安卓平台代码添加

在添加安卓平台代码之前,需要确保插件代码通过example工程被构建过一次(这很重要),可以执行以下命令进行构建

  1. //首先执行

  2. cd flutter_plugin_demo/example/

  3. //然后执行

  4. flutter build apk

  5. 复制代码

example工程中构建安卓apk包完成后,可以通过Android Studio打开example项目中的安卓工程,编辑器中的项目结构如下

 

 

 

我们可以看到以android项目目录结构展示插件对应的java类代码位于flutter_plugin_demo/java/com.example.flutter_plugin_demo/目录下,此时我们就可以编辑该类文件添加插件功能了。

iOS平台代码添加

在添加iOS平台代码之前,同安卓一样,也要确保插件代码通过example工程被构建过一次,可以执行以下命令进行构建

  1. //首先执行

  2. cd flutter_plugin_demo/example/

  3. //然后执行

  4. flutter build ios --no-codesign

  5. 复制代码

构建完成后,我们可以使用Xcode打开example工程中iOS项目,找到ios目录下的Runner.xcworkspace并打开,编辑器中的项目结构如下

 

 

 

我们可以看到插件代码位于Pods/Development Pods/flutter_plugin_demo/../../example/ios/.symlinks/plugins/目录下,此时我们就可以编辑FlutterPluginDemoPlugin类来添加插件功能了。

dart api代码添加

dart api代码添加就简单多了,直接在插件项目的lib下的dart文件中添加即可

插件的使用

自有插件开发完成后如何使用呢,有三种引用方式

  1. 将插件发布到pub上,就可以使用常规的引用方式(发布pub上即公开,大家都可以使用,如果是私有的不要这样做);

  1. dependencies:

  2. dio: 2.1.x

  3. 复制代码

  1. 将插件工程上传到git库上,可以通过指定git地址的方式引用;

  1. dependencies:

  2. dio:

  3. git:

  4. url: git://github.com/flutterchina/dio.git

  5. 复制代码

  1. 可以通过相对路径的方式引入本地插件;

  1. // 比如example工程中的pubspec.yaml中引入我们的demo插件的方式

  2. dependencies:

  3. flutter_plugin_demo:

  4. path: ../

  5. // 如果创建一个与插件目录平级目录的flutter项目,引入插件则在pubspec.yaml中配置

  6. dependencies:

  7. flutter_plugin_demo:

  8. path: ../flutter_plugin_demo

  9. 复制代码

插件引入之后,我们就可以在自己的flutter项目中通过dart api使用插件开发的功能了。

总结

Flutter plugin的开发流程其实挺简单,一定要注意添加插件代码之前要使用example工程对平台代码构建一次,这样才会在example工程目录中正常显示插件文件以供编辑。

来千语创想移动低代码开发平台学习更多APP开发知识:app开发app制作app开发源码下载app开发框架app开发工具等免费获取。

千语创想-专业APP开发app定制服务商,提供一站式移动应用解决方案,满足您的各类需求,欢迎免费评估需求和获取报价。

 

立即免费在线制作一个APP,新手注册即送开发大礼包

提交app定制需求,免费获取报价和周期:

电脑请点击https://www.qianyuthink.com/?url=/index?uzchannel=500

手机请点击https://www.qianyuthink.com/?url=/m/customizedservice?uzchannel=500



转载请注明来自:https://www.qianyuthink.com/news/7818.html

填写您的项目需求给我们

或者直接拨打 7×12小时一对一咨询电话

175 2108 6175

请填写需求信息,我们会在10分钟内与您取得联系

请认真填写需求信息,我们会在10分钟内与您取得联系

×
客服二维码
咨询技术总监
175-2108-6175
客服二维码
技术总监微信
客服二维码