flutter_tag_selector

fluttertagselector 是一个 Flutter 包,可用于创建气泡标签选择器,如以下屏幕截图所示。

ss1

使用此包

1. 依赖它

将此添加到您的 package 的 pubspec.yaml 文件中


dependencies:
  fluttertagselector: ^0.1.0


2. 安装它

您可以从命令行安装包

使用 Flutter


$ flutter pub get


或者,您的编辑器可能支持 flutter pub get。请查看您编辑器的文档以了解更多信息。

3. 导入它

现在,在您的 Dart 代码中,您可以使用


import 'package:fluttertagselector/fluttertagselector.dart';

如何使用

import 'package:flutter/material.dart';
import 'package:fluttertagselector/fluttertagselector.dart';
import 'package:fluttertagselector/tag_class.dart';

class Example extends StatelessWidget {
  final List<Tags> tagList = [
    Tags("Label 1",Icons.map),
    Tags("Label 2",Icons.headset),
    Tags("Label 3",Icons.info),
    Tags("Label 4",Icons.cake),
    Tags("Label 5",Icons.ac_unit),
  ];
  @override
  Widget build(BuildContext context) {
    return TagGenrator(tagList: tagList, fillRandomColor: true);
  }
}

TagGenrator 中可用的参数

参数 类型 使用
tagList 类标签列表 用于传递标签
fillRandomColor 布尔值 用随机颜色填充标签背景
fixedColor 颜色 如果 fillRandomColor == false,则必须传入固定的背景颜色
iconColor 颜色 图标颜色
iconSize 双精度 图标大小
字体大小 双精度 标签字体大小

GitHub

https://github.com/hemantkhorwal/flutter_tag_selector