6.1.flutter-Package

作者: ChaosHeart | 来源:发表于2020-09-10 08:10 被阅读0次

1.flutter Package(纯dart代码)

截屏2020-09-09 18.17.04.png

终端命令创建插件:

//纯dart
flutter create --template=package 包名(flutter_package)

2.注册账号

在pub.dev上注册一个账号
https://pub.dev/

3.写一些配置

截屏2020-09-09 18.24.36.png

name: 插件的名字
description: 插件的功能介绍描述
version: 插件的版本
homePage: 个人主页

4.将写好的工具类代码和资源放入lib中

截屏2020-09-09 18.32.10.png

5.设置终端的全局代理

复制终端代理命令


截屏2020-09-18 14.54.22.png
截屏2020-09-18 15.10.24.png

6.测试是否设置终端的全局代理成功

curl google.com
截屏2020-09-18 17.49.31.png
截屏2020-09-18 17.49.14.png

7.cd到要发布的插件下边

截屏2020-10-09 14.45.02.png

8.发布测试是否准备好

flutter packages pub publish --dry-run

9.发布到pub.dev

flutter packages pub publish

会出现授权链接


截屏2020-09-09 18.46.31.png

复制链接在浏览器打开


截屏2020-09-09 18.47.32.png
然后授权,
截屏2020-09-09 18.52.30.png

如果还报错,那就指定服务器,使用下面的命令:

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

这样是发布成功:


截屏2020-09-18 17.48.57.png

10.在pub.dev上查看上传的插件

截屏2020-09-10 11.41.51.png

11.使用插件

在你需要使用此插件的项目里引入,有两种方式


截屏2020-09-10 10.19.36.png
(1)logic_index_bar: ^0.0.2 #引用网络第三方插件
(2)chaos_index_bar:
    path: '../chaos_index_bar' #引用本地库

../ : 代表上一个文件夹,文件目录


截屏2020-09-10 10.11.02.png

注意:如果插件里面有资源图片,则需在项目里引入


截屏2020-09-10 10.25.51.png

12.优化

(1)图片可以提供对外接口

截屏2020-09-10 10.31.11.png
截屏2020-09-10 10.32.00.png

(2.1)如果多个文件时怎么处理

//对外接口:将其他文件通过 part 来分为组件

part 'index_bar.dart';
截屏2020-09-10 10.33.00.png

//子组件:

part of 'logic_index_bar.dart';
截屏2020-09-10 10.32.55.png

(2.2)如果多个文件时怎么处理
也可以用一个文件作为头部,其他导入其中


截屏2020-09-10 11.12.00.png

(3)实例example

example是新建一个完整的项目,然后写一个demo使用此插件,然后将写好的demo中代码放入插件的example文件里面


截屏2020-09-10 10.36.24.png

然后按上边的流程再重新上传一份

参考:
https://book.flutterchina.club/chapter12/
https://www.yuque.com/qingjiaowohank/etm87a/qbq8gf

相关文章

  • 6.1.flutter-Package

    1.flutter Package(纯dart代码) 终端命令创建插件: 2.注册账号 在pub.dev上注册一个...

网友评论

    本文标题:6.1.flutter-Package

    本文链接:https://www.haomeiwen.com/subject/dlcyektx.html