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

scroll_loop_auto_scroll のカバー
パッケージ詳細v0.0.5

scroll_loop_auto_scroll

このウィジェットは、カスタムの子ウィジェットを無限ループに自動スクロールします。

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

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

flutter pub add scroll_loop_auto_scroll

パッケージ概要

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

scroll_loop_auto_scroll パッケージは、カスタムの子ウィジェットを自動的かつ無限ループでスクロールするための Flutter ウィジェットを提供します。連続的でスムーズなスクロールが必要な用途(たとえばカルーセル、ニュースティッカー、アニメーションバナーなど)に最適です。このウィジェットは、アイテム間のスムーズな遷移を処理し、急な停止やジャンプが発生しないようにします。Android、iOS、Web、macOS、Windows、Linux などの主要プラットフォームすべてをサポートしており、非常に汎用性が高いです。開発者はスクロール速度、方向、ループ動作をデザインのニーズに合わせてカスタマイズできます。

用途

  • 無限の画像カルーセル
  • ニュースまたはティッカー表示
  • アニメーション製品ショーケース
  • 継続的なコンテンツフィード
  • 自動スクロールバナー

主な機能

  • 無限ループスクロール
  • カスタマイズ可能なスクロール速度
  • 複数のプラットフォームをサポートしています
  • アイテム間のスムーズな遷移
  • 既存のウィジェットとの簡単な統合

適している対象

  • 動的UIを構築する開発者
  • 自動スクロール要素を必要とするデザイナー
  • 継続的なコンテンツ表示を持つアプリ
  • クロスプラットフォームアプリケーション
  • インタラクティブなランディングページ

注意事項

  • 大規模なデータセットに対してパフォーマンスの最適化が必要になる場合があります
  • 静的または連続しないコンテンツには適していません
  • スクロール方向は明示的に定義する必要があります
  • 急速な自動スクロールによるアクセシビリティの課題
  • 個々のアイテムのタイミングに対する制限されたコントロール

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

Scroll Loop Auto Scroll

This widget automatically scrolls the custom child widget to an infinite loop.

Examples

Features

  • User scroll input 🆕
  • Infinite Auto Scroll
  • Custom child widgets
  • Custom scroll direction
  • Specifying custom durations and gap
  • Like for more features

Installation

Add scroll_loop_auto_scroll: ^0.0.5 to your pubspec.yaml dependencies. And import it:

import 'package:scroll_loop_auto_scroll/scroll_loop_auto_scroll.dart';

How to use

Simply create a ScrollLoopAutoScroll widget, and pass the required params:

  ScrollLoopAutoScroll(
    child: Text(
      'Very long text that bleeds out of the rendering space',
      style: TextStyle(fontSize: 20),
    ),
    scrollDirection: Axis.horizontal,
  )

Params


ScrollLoopAutoScroll(
   child: child, //required
   scrollDirection: Axis.horizontal, //required
   delay: Duration(seconds: 1),
   duration: Duration(seconds: 50),
   gap: 25,
   reverseScroll: false,
   duplicateChild : 25,
   enableScrollInput : true,
   delayAfterScrollInput : Duration(seconds: 1)
 )

More Level Up Your Flutter Skills

⭐️ Stripe In Flutter Link

⭐️ Flutter In-App Purchase Link

⭐️ Flutter In-App Subscription Link

License

MIT

カテゴリー

ソースリポジトリ

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

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