搜尋套件、儲存庫與 APP 分類

toggle_list 封面
套件詳情v0.3.1

toggle_list

一個容易使用且高度可自訂的可展開清單小部件,適用於您的 Flutter 應用程式。

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
460
喜歡數
72
Pub 分數
150

安裝套件

flutter pub add toggle_list

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

toggle_list 是一個 Flutter 套件,提供易於使用且高度可自訂的可展開清單元件。它讓開發者能夠建立具有可摺疊區段的互動式清單,非常適合以乾淨、節省空間的方式組織內容。支援所有主要平台——Android、iOS、Web、macOS、Windows 和 Linux,確保在各處行為一致。此元件設計簡單且彈性,可自訂動畫、圖示、顏色和內容結構。非常適合用於設定面板、常見問題解答或任何層級資料顯示。

適用情境

  • 設定介面
  • 常見問題部分
  • 階層式資料顯示
  • 可摺疊的導航選單
  • 動態內容分組

主要特色

  • 可自訂的展開/收合動畫
  • 對多個平台目標的支援
  • 可擴充的組件設計
  • 可設定的圖示與顏色
  • 簡單的整合 API
  • 靈活的內容佈局

適合對象

  • 尋求可擴展清單的開發者
  • 需要互動式元件的UI設計師
  • 具有巢狀或分組內容的應用程式
  • 跨平台應用
  • 需要最少樣板程式碼的專案

使用建議

  • 需要具備基本的 Flutter widget 知識
  • 複雜版面可能需要額外的樣式
  • 僅限基於列表的展開(不支援樹狀結構)
  • 未針對無分頁的超大資料集進行優化

原始 README

以下為關聯原始碼儲存庫的 README 原文快照,最新內容請造訪原始碼儲存庫。

Logo

An easy-to-use and highly customizable expandable list widget for your Flutter application.

GitHub release (latest SemVer) GitHub Lines of code

This package is not yet widely tested.

Use it with caution and file any potential issues you see.

Installation

Via command line
flutter pub add toggle_list
Manually

Add the following line to your pubspec.yaml file.

dependencies:
  toggle_list: ^0.3.1

Then either save the file or use the flutter pub run command.

Import
import 'package:toggle_list/toggle_list.dart';

Usage

return Scaffold(
  body: ToggleList(
    children: [
      ToggleListItem(
        title: const Text('I am the first item'),
        content: const Padding(
          padding: EdgeInsets.all(20),
          child: Text('Hello there!'),
        ),
      ),
      ToggleListItem(
        title: const Text('I am the second item'),
        content: const Padding(
          padding: EdgeInsets.all(20),
          child: Text('I am delighted that you are here.'),
        ),
      ),
      ToggleListItem(
        title: const Text('I am the third item'),
        content: const Padding(
          padding: EdgeInsets.all(20),
          child: Text('Have a wonderful day!'),
        ),
      ),
    ],
  ),
);

For a more detailed use case, check out the example directory.

Contributing

Contributions of any kind are always welcome!

As of now, we don't have a standardized way for contributions. For this reason, if you would like to help us with your coding, feel free to send an email to [contact@binarybush.dev](mailto:contact@binarybush.dev).

Metadata

:green_book: Documentation

:email: [contact@binarybush.dev](mailto:contact@binarybush.dev)

:bug: Bug report

:zap: Requesting features

Every opened issue is very much appreciated!

所屬分類

依賴

依賴清單 1 項

原始碼儲存庫

使用此套件的專案

暫無相關資料。