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 分类

安装插件