前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Flutter Dart Package开发及发布到pub,实例popup_menu

Flutter Dart Package开发及发布到pub,实例popup_menu

作者头像
吴老师
发布2019-06-11 12:11:34
1.7K0
发布2019-06-11 12:11:34
举报
文章被收录于专栏:吴老师移动开发

作为一个开发人员,我们不仅要会用第三方代码,更重要的是能开发出自己的库,供他人使用,在这个过程中可以学到很多东西。

Flutter 包管理

Dart的包管理pub可以很方便的管理flutter项目中的第三方依赖。这上面可以找到用于Flutter和Web的各种第三方的库。

Flutter Package的分类

分为两种类型,引用官方的说明如下:

Dart packages: 用Dart开发的包,例如path。这里面有些依赖Flutter framework,并包含一些Flutter特有的方法,这种只能用在Flutter中,例如:fluro。(即如果不包含Flutter framework, 则可以用在dart相关的其它项目上) Plugin packages: 一个包含Dart API及Android和iOS平台实现的包。例如:battery。(所以如果要引用平台相关的api时,就要开发一个Plugin package,并同时实现Android和iOS的相关功能)

如何开发一个自己的软件包

首先建议看一下官方的教程,不看也没关系,下面我会把步骤写出来。

这篇文章主要讲Dart package的开发以及发布到pub过程中遇到的一些问题。

第一步 创建package工程

打开terminal.

代码语言:javascript
复制
flutter create --template=package popup_menu

这会创建一个纯package的工程,没有example工程。这是不科学的,所以我们要自己在popup_menu目录下再创建一个example工程。

第二步 创建example工程

代码语言:javascript
复制
cd popup_menu
flutter create example

第三步 实现你的package

在第一步创建的package项目下的lib目录里面去实现你的package

03.png

这是我实现的popup_menu的效果图。

第四步 添加License和修改pubspec.yaml文件

License

代码语言:javascript
复制
PopupMenu

MIT License

Copyright (c) 2019 chinabrant

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
......

pubspec.yaml

代码语言:javascript
复制
name: popup_menu
description: A Flutter popup menu.Writted with pure dart, supported both iOS and Android.
version: 1.0.1
author: chinabrant <sjwu1234@gmail.com>
homepage: https://github.com/chinabrant/popup_menu

这是package的基本设置,其它的sdk版本看自己的需求设置。

注意

  • author:名称后面的邮箱一下要加上,不然后面检查会不通过.
  • description:的长度要不少于70个字符,不然也会警告。
  • 代码实现中的所有警告和pubspec.yaml文件里面的警告都会影响pub发布后的Overall Score.如果这个分数变红了,我想不会有人愿意用你的库的,至少我是这么想的。所以代码写完后,最好format一下,命名都要规范。
  • 文档注释要用 /// 不要用 /** */

我第一次发布出去是一个红色的分数,后面按pub上的提示改了一次。还有一个文档注释的减分

1111.png

第五步 发布

发布前用命令检查

代码语言:javascript
复制
flutter pub pub publish --dry-run

发布

代码语言:javascript
复制
flutter pub publish

注意

  • 如果是没有访问外国网站的,在.bash_profile里面设置了 PUB_HOSTED_URLFLUTTER_STORAGE_BASE_URL 的记得注释掉这两个环境变量。
代码语言:javascript
复制
#export PUB_HOSTED_URL=https://pub.flutter-io.cn
#export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

  • flutter pub publish的时候要访问外国网站。请确保终端访问外国网站了。 (ping www.google.com)如果是通的,则可以执行。如果终端没有访问外国网站可以搜索一下 proxifier

结果:

代码语言:javascript
复制
Looks great! Are you ready to upload your package (y/n)? y
Uploading...
Successfully uploaded package.

如果环境都正常,上面的确认步骤还是很快的。

最后

再推荐一下我的popup_menu

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019.06.04 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Flutter 包管理
  • Flutter Package的分类
  • 如何开发一个自己的软件包
    • 第一步 创建package工程
      • 第二步 创建example工程
        • 第三步 实现你的package
          • 第四步 添加License和修改pubspec.yaml文件
            • 第五步 发布
            • 最后
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档