パッケージ、リポジトリ、アプリカテゴリを検索

marquee_list のカバー
パッケージ詳細v1.0.0

marquee_list

マーキー風のスタイルでアイテムのリストを表示するためのマーキー リスト ウィジェット

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
784
いいね数
53
Pub ポイント
150

パッケージをインストール

flutter pub add marquee_list

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

表示領域に収まらないコンテンツを表示するために、水平または垂直にスクロールするマーチュアスタイルでアイテムのリストを表示するFlutterウィジェットです。長いテキストやラベル、連続的な動きを持つ動的リストを紹介するのに最適です。スムーズなアニメーションとカスタマイズ可能な方向性、速度、動作をサポートしています。既存のUIにシームレスに統合でき、モバイル、ウェブ、デスクトップなどすべての主要プラットフォームで動作します。

用途

  • 長いテキストラベルの表示
  • アニメーションニュースティッカーの作成
  • スクロールする製品名を表示しています
  • 動的コンテンツの強調
  • モーション効果による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.

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。