Flutter第三方的工具有两种,一种是插件Plugin,一种是Package包。这两种的差别在于Plugin不仅包含了Dart代码,还包含了Native原生代码,比如常用的image_picker

Package开发

1.创建Dart

  1. flutter create --template=package 'package_name'

image.png
打开文件,我们发现这里面并没有原生相关的代码,里面只有一个dart文件
image.png
这里以之前微信的Index_Bar为案例,找到文件复制到这里,解决报错(主要是数据源的问题,简单粗暴直接也拷贝过来),这里面有图片资源,那么图片资源怎么处理?当然了,能不用资源的情况尽量不使用图片资源。

2.添加图片资源

new-Directory创建一个images文件,然后把图片资源添加上去,打开pubspecy.yaml文件,在这里配置资源
image.png
同时在该页面配置下version/homepage等信息。此时就可以尝试发布了

3.发布Dart包

检查包

  1. flutter packages pub publish --dry-run

出现以下提示就代表当前准备发布的包文件没有缺失,可以开始发布
image.png
发布插件和包都需要Google账号,同时需要翻墙和授权,但是有时候就算我们翻墙了也并不能解决问题,因为我们还配置了相关的镜像,所以我们在发布插件或者包的时候会出现镜像错误。解决这个也很简繁,我们可以指定服务器发布,这个服务器就是镜像服务器。

  1. flutter packages pub publish --server=https://pub.dartlang.org

接着会出现如下提示,这就是要谷歌授权,赋值中间的地址,然后使用浏览器打开
image.png
我这里因为网络的原因,所以没有上传成功

4.package使用

回到之前微信的项目,在这里添加刚才上传成功的包,然后pug get一下
image.png
在项目中使用的时候为了避免和其他的库冲突,可以使用as。使用现在的package替换掉项目中indexBar的地方,运行我们发现图片没有了。打开package_demo的framework发现加载进来的只有一个dart文件,图片之类的没有加载进来。怎么解决

5.image资源添加

非常简单,我们需要把images这个文件夹移动到lib文件夹之内
image.png
使用的话也非常简单,指定包名就可以。

  1. child: Image.asset('images/bubble.png', package: 'package_demo',),

更新版本到0.0.2``CHANGELOG.mdpubspec.yaml文件同步更新版本。回到微信的工程
image.png
在资源里面指定图片所在的位置的全路径,必须全路径,不可以简化!!!

6.给package添加示例程序

image.png
配置pubspec.yaml指定路径
image.png
同时在示例程序的assets指定package使用到的图片的路径!!!
接着把把example中的代码加入到package_demo中,新建一个example的文件夹,然后把package_example中的main.dart添加到pakage_demo
image.png

7.part使用

如果package中的文件比较多的话,我们可以使用part来分开。
image.png
我们在子部分标注好归属,这里是在index_bar.dart文件里写入

  1. part of 'package_demo.dart';

package_demo.dart中写入

  1. library package_demo;
  2. import 'package:flutter/material.dart';
  3. part 'index_bar.dart';

同时一般含有example的package包的版本必须是1.0.0+

Plugin开发

1.创建插件plugin

要创建插件包,使用--template=plugin执行flutter create

  1. flutter create --template=plugin 'plugin_name'

使用--org选项指定你的组织,并使用反向域名表示法(package不需要)

  1. flutter create --org com.example --template=plugin 'plugin_name'

指定语言,iOS默认是OC,安卓默认是Java, 我们可以使用-i或者-a来指定语言

  1. flutter create --template=plugin -i swift -a kotlin 'plugin_name'

也可以直接使用AS创建,完场之后打开Project,可以看到里面有原生的安卓和iOS相关的代码。运行之后,默认的示例程序是获取当前手机版本的代码getPlatformVersion,我们来添加一些其他的代码。
image.png
直接在iOS添加的话一般都是没有提示的,我们可以回到工程example-ios-Runner在这里编写,写完之后再拷贝到以下文件内
image.png

2.发布

检查包和指定服务器发布都与package相同。