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

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

安裝套件