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

marquee_list 封面
套件詳情v1.0.0

marquee_list

一個用於以跑馬燈樣式顯示項目列表的 Marquee 列表小部件

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
784
喜歡數
53
Pub 分數
150

安裝套件

flutter pub add marquee_list

套件介紹

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

一個 Flutter 小部件,以跑馬燈風格顯示項目清單,項目水平或垂直滾動以顯示超出可用空間的內容。非常適合展示長文字、標籤或具有連續運動的動態清單。該小部件支援平滑動畫以及可自定義的方向、速度和行為。可無縫整合至現有 UI 中,並在移動、網頁和桌面等主要平台正常運作。

適用情境

  • 顯示長文本標籤
  • 創建動畫新聞滾動條
  • 顯示滾動商品名稱
  • 突出顯示動態內容
  • 透過動態效果增強使用者介面

主要特色

  • 水平和垂直滾動
  • 可自訂的滾動速度
  • 平滑動畫
  • 支援動態清單項目
  • 跨平台相容性

適合對象

  • 空間有限的 UI
  • 新聞或公告橫幅
  • 產品展示
  • 動畫文字顯示
  • 互動式儀表板

使用建議

  • 大型清單可能影響效能
  • 需要仔細調整滾動速度
  • 不適合靜態內容
  • 如果過度使用,可能會造成干擾
  • 需要在所有目標平台進行測試

原始 README

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

A Flutter Marquee list widget to display a list of items in a marquee style.

marquee_list_showcase

Features

Use this widget in your Flutter app to:

  • Scroll a list of items horizontally or vertically by defining scrollDirection.
  • Customize the scrolling speed using scrollDuration.

Usage

Scroll horizontally
import 'package:marquee_list/marquee_list.dart';

//....
   child: MarqueeList(
     scrollDirection: Axis.horizontal, // By default, it's horizontal
     children: [
       Text("Text 1"),
       Text("Text 2"),
       Text("Text 3"),
       Text("Text 4"),
     ],
   ),
//....
Scroll vertically
import 'package:marquee_list/marquee_list.dart';

//....
   child: MarqueeList(
     scrollDirection: Axis.vertical, // Change direction to vertical
     children: [
       Text("Text 1"),
       Text("Text 2"),
       Text("Text 3"),
       Text("Text 4"),
     ],
   ),
//....
Customize the scrolling speed
import 'package:marquee_list/marquee_list.dart';

//....
   child: MarqueeList(
     scrollDuration: const Duration(seconds: 3), // Default is 1 second
     children: [
       Text("Text 1"),
       Text("Text 2"),
       Text("Text 3"),
       Text("Text 4"),
     ],
   ),
//....
Receive call back when scroll ends using onScrollEnd callback
import 'package:marquee_list/marquee_list.dart';

//....
   child: MarqueeList(
     scrollDirection: Axis.horizontal,
     onScrollEnd: () {
       // Do something when the scroll ends
     },
     children: [
       Text("Text 1"),
       Text("Text 2"),
       Text("Text 3"),
       Text("Text 4"),
     ],
   ),
//....

Contributing to this package

Contributions are welcome! Here is a curated list of how you can help:

  • Report bugs and scenarios that are difficult to implement
  • Report parts of the documentation that are unclear
  • Fix typos/grammar mistakes
  • Update the documentation or add examples
  • Implement new features by making a pull-request

MIT License

Copyright (c) 2024 Burhanuddin Rashid

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。