搜索插件、代码仓与 APP 分类

simple_chips_input 封面
插件详情v1.2.2

simple_chips_input

包含两个库以创建芯片和选择芯片的最可定制包

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
1050
喜欢数
51
Pub 分数
150

安装插件

flutter pub add simple_chips_input

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

Simple Chips Input 是一个高度可定制的 Flutter 包,提供两个库用于创建和管理芯片及芯片选择。它使开发者能够轻松构建交互式标签类组件,支持单选和多选。该包设计灵活,允许自定义外观、行为和交互模式。适用于表单、筛选或标签系统,为跨所有主要平台的动态芯片创建和管理提供了简洁的 API。

适合场景

  • 带有标签选择的表单输入
  • 筛选接口
  • 用户生成的标签
  • 动态芯片列表
  • 搜索建议
  • 多选下拉框

主要特点

  • 高度可定制的芯片样式
  • 支持单选和多选
  • 内置验证和错误处理
  • 跨平台兼容性
  • 与文本字段的轻松集成
  • 可扩展的事件回调

适合对象

  • 开发表单组件的开发者
  • 需要灵活芯片控件的UI设计师
  • 需要基于标签输入的应用程序
  • 具有多选需求的项目
  • 注重跨平台一致性的团队

使用建议

  • 需要了解 Flutter 状态管理
  • 可能需要额外的逻辑来处理复杂的验证
  • 自定义选项可能会增加代码复杂性
  • 除了基本示例外,文档有限
  • 未针对极大数据集进行优化

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

simple_chips_input

Features 🚀

The working screen captures might be outdated.
Please refer to the demo: https://simplechipsinput.vercel.app
  • Create chips from user's text input and get the value after form submission.
  • Select chips and get the values of the selection.
  • Select only one chip at a time and get the value (acts as a toggle/radio button).
  • Ability to keep some/all/none pre-selected chips (that can be later changed according to user input).
  • Full customisability of the chips - keeping prefix/suffix icons (that can be changed when a particular chip is selected).
  • Full customisability of the chips design - change the background color, border color, text color, etc of the chips (can be two sets of designs - one for selected chips and one for unselected chips).
  • Much more!

Contents 📚

  • Create chips from user's text input and get the value after form submission. Read the API reference for full documentation.
  • Select pre-defined chips to get the value of selected chips. Read the API reference for full documentation.

Importing the package ⬇️

import 'package:simple_chips_input/simple_chips_input.dart';
import 'package:simple_chips_input/select_chips_input.dart';

Working ⚙️

For example usage, refer pub.dev example
Author

@danger-ahead

所属分类

源码仓库

使用此插件的项目