搜索分类、插件与代码仓

expandable_sliver_list 封面
插件详情v4.1.1

expandable_sliver_list

一个可展开或收起的滑动列表,用于显示或隐藏列表内容。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
797
喜欢数
29
Pub 分数
160

安装插件

flutter pub add expandable_sliver_list

插件介绍

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

一个 Flutter 包,提供了一个可展开或折叠以显示或隐藏其内容的滑动列表。非常适合需要用户控制内容可见性的动态、节省空间的布局。专为在 CustomScrollView 内使用而构建,与滑动架构无缝集成。该包支持所有主要平台,并在过渡过程中设计为流畅运行。

适合场景

  • 动态内容区域
  • 可折叠的常见问题部分
  • 交互式导航菜单
  • 减少屏幕杂乱
  • 嵌套可滚动界面
  • 滚动视图中的手风琴

主要特点

  • 可展开/可折叠行为
  • 基于 Sliver 的性能
  • 平滑动画
  • 可自定义的触发器
  • 可在 CustomScrollView 内使用
  • 跨平台兼容性

适合对象

  • 开发具有可折叠内容的可滚动 UI 的开发者
  • 需要响应式布局管理的应用程序
  • 大量使用 CustomScrollView 的项目
  • 注重空间效率的设计师

使用建议

  • 需要在 CustomScrollView 内部进行集成
  • 在大型列表中可能影响性能
  • 限制为垂直滚动
  • 需要仔细的状态管理
  • 不适用于非 Sliver 上下文

原始 README

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

expandable_sliver_list

pub package flutter_tests codecov style: flutter lints License: MIT

A Flutter widget which creates a Sliver List that you can then either expand or collapse, in order to show or hide the contents of the list.

Getting Started

Installing

In your Flutter project, add the package to your dependencies

flutter pub add expandable_sliver_list

or

dependencies:
  ...
  expandable_sliver_list: ^4.1.0
  ...
Usage Example

A complete example on how to use this widget can be found in the example directory. But the basics are:

Import the package

import 'package:expandable_sliver_list/expandable_sliver_list.dart';

Create a controller and a list of items to display

ExpandableSliverListController controller = ExpandableSliverListController();

List<int> items = [1, 2, 3, 4, 5];

Create the widget

ExpandableSliverList<int>(
  initialItems: items,
  controller: controller,
  builder: (context, item, index) {
    return ListTile(
      title: Text(item.toString()),
    );
  },
)

Now you can use the controller to expand or collapse the list

controller.collapse();
controller.expand();

Or to add items to the list

controller.insertItem(54, 2);
controller.removeItem(4);

所属分类

源码仓库

使用此插件的项目

暂无相关数据。