Flutter开发包和插件指南

Flutter包和插件的开发流程步骤

package介绍

• 一个pubspec.yaml文件(定义包的生命)
• 一个lib文件夹(存放代码)

package类型

• Dart包
• 插件包

创建包或插件

• 可视化的方式(推荐)
• 命令行的方式

可视化方式

创建方式: 使用AndroidStudio =》File =》new Flutter Project…=>Flutter Plugin(插件) /Flutter Package(包)

插件包含文件

• lib中包含 MethodChannel和Native进行通信
• android中包含android对应代码
• ios中包含iOS 中对应代码
• pubspec.yaml声明文件

包包含文件

• lib,Dart部分代码
• pubspec.yaml声明文件
• 不包含Android.ios文件

命令行方式

创建插件

flutter create --org org.yangdx(域名) --template=plugin(插件) demo(名字)

创建包

flutter create --template=package flutter_color_plugin(名字)

Flutter包和插件开发与发布

创建一个Flutter包flutter_color_plugin将字符串颜色解析成FLutter中Color颜色

代码编写

在flutter_color_plugin.dart中编写如下代码

library flutter_color_plugin;

import 'dart:ui';

/// A Calculator.
class ColorUtil {
  static const int BLACK = 0xFF000000;
  static const int DKGRAY = 0xFF444444;
  static const int GRAY = 0xFF888888;
  static const int LTGRAY = 0xFFCCCCCC;
  static const int WHITE = 0xFFFFFFFF;
  static const int RED = 0xFFFF0000;
  static const int GREEN = 0xFF00FF00;
  static const int YELLOW = 0xFFFFFF00;
  static const int CYAN = 0xFF00FFFF;
  static const int MAGENTA = 0xFFFF00FF;
  static const int TRANSPARENT = 0;

  /**
   * 将String颜色转换成int16禁止的颜色
   */
  static int intColor(String colorString) {
    if (colorString?.isEmpty ?? true) {
      throw ArgumentError('Unknow color');
    }
    if (colorString[0] == '#') {
      int color = int.tryParse(colorString.substring(1), radix: 16);
      if (colorString.length == 7) {
        color = 0x00000000ff000000;
      } else if (colorString.length != 9) {
        throw ArgumentError('Unknow color');
      }
      return color;
    } else {
      int color = sColorNameMap[(colorString.toLowerCase())];
      if (color != null) {
        return color;
      } else {
        return intColor('#' + colorString);
      }
    }
  }

  /**
   * 将String颜色转换成Color类型
   */
  static Color color(String colorString) {
    return Color(intColor(colorString));
  }

  static const sColorNameMap={
    'black':BLACK,
    'darkgray':DKGRAY,
    'gray':GRAY,
    'lightgray':LTGRAY,
    'white':WHITE,
    'red':RED,
    'green':GREEN,
    'yellow':YELLOW,
    'cyan':CYAN,
    'magenta':MAGENTA,
    'aqua':0xFF00FFFF,
    'fuchsia':0xFFFF00FF,
    'dartgrey':DKGRAY,
    'grey':GRAY,
    'lightgrey':LTGRAY,
    'lime':0xFF00FF00,
    'maroon':0xFF800000,
  };

}

pubspec.yaml添加项目描述

name: flutter_color_plugin
#描述
description: flutter_color_plugin
#版本号
version: 0.0.1
#作者
author: yangdxg
#仓库github地址
homepage:

• 可以在README中添加使用手册
• 在LICENSE添加开源协议
• CHANGELOG中添加版本记录

发布插件

• 检查包是否准备成功

yangdongxingdeMacBook-Pro:flutter_color_plugin yangdongxing$ flutter packages pub publish --dry-run
Publishing flutter_color_plugin 0.0.1 to https://pub.flutter-io.cn:
|-- .gitignore
|-- .metadata
|-- CHANGELOG.md
|-- LICENSE
|-- README.md
|-- lib
|   '-- flutter_color_plugin.dart
|-- pubspec.yaml
'-- test
    '-- flutter_color_plugin_test.dart

Package has 0 warnings.

• 发布插件

  flutter packages pub publish
  #会提示使用Google账号登陆,授权后会自动上传
  #我这里pub一直链接不上google导致下面错误(稍后等网络情况好的时候再传)
  #Waiting for your authorization...
  #Authorization received, processing...
  #It looks like accounts.google.com is having some trouble.
  #Pub will wait for a while before trying to connect again.
  

  发布成功后直接在https://pub.dev/flutter中搜索即可

注:解决依赖冲突

• 如果项目同时依赖了A,B,
• A,依赖C :0.1,B依赖C:0.2
• 只需要再依赖上C:0.2即可