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

item_selector 封面
插件详情v0.2.0

item_selector

一个通用的项目选择器,可与 ListView、GridView、Row、Column 或基本上任何可以包含索引子项的父级小部件一起使用。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
34
喜欢数
34
Pub 分数
140

安装插件

flutter pub add item_selector

插件介绍

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

一个灵活的、通用的 Flutter 项目选择器,可让您在支持索引子项的任何父级小部件(如 ListView、GridView、Row 或 Column)中选择项目。它为管理不同布局类型的已选项目提供了一致的接口,而无需为每种布局类型编写自定义逻辑。非常适合构建具有可选元素的交互式列表和网格。

适合场景

  • 在动态列表中选择项目
  • 构建交互式网格布局
  • 在可滚动容器中管理多个选择
  • 创建可自定义的选择界面
  • 与表单或筛选器集成

主要特点

  • 适用于任何索引父级小部件
  • 支持单选和多选
  • 通用类型安全
  • 用于选择状态管理的简单 API
  • 轻量且不显眼

适合对象

  • 开发交互式列表的开发者
  • 需要项目选择的UI组件
  • 具有动态或嵌套布局的应用程序
  • 可定制的表单控件
  • 需要一致选择行为的跨平台应用

使用建议

  • 如果不使用内置回调,则需要手动处理选择状态
  • 可能需要额外的样式以提供视觉反馈
  • 未针对无分页的大数据集进行优化
  • 限于索引子结构
  • 选择变化没有内置动画

原始 README

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

Item Selector for Flutter

pub license: MIT build codecov

A generic Flutter item selector that works with ListView, GridView, Row, Column, or basically any parent widget that can have indexed child widgets. It supports single-selection by tap, and multi-selection by long-press and drag with auto-scrolling.

Preview

ListView GridView
ListView GridView
Column Custom
Column Custom

Usage

To use this package, add item_selector as a dependency in your pubspec.yaml file.

ItemSelectionController(
  child: ListView(
    children: List.generate(10, (int index) {
      return ItemSelectionBuilder(
        index: index,
        builder: (BuildContext context, int index, bool selected) {
          return Text('$index: $selected');
        },
      );
    }),
  ),
)

Thanks

Item Selector is based on Multi Select GridView in Flutter - by Simon Lightfoot.

所属分类

依赖

依赖清单 1 项

  • interval_tree^0.3.0

源码仓库

使用此插件的项目

暂无相关数据。