搜索插件、代码仓与 APP 分类

插件详情v2.3.0

marquee

一个无限滚动文本的 Flutter 小部件。提供多种自定义选项,包括自定义滚动方向、持续时间、曲线以及每轮之后的暂停。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
10.3万
喜欢数
1070
Pub 分数
150

安装插件

flutter pub add marquee

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

marquee 包提供了一个 Flutter 小部件,可实现无限滚动文本,并具有广泛的自定义选项。它支持多种滚动方向、可调节的持续时间、动画曲线以及每个周期后的可配置暂停。非常适合在有限空间内显示长文本,例如标题或通知,通过跨所有主要平台的平滑连续动画提升用户体验。该小部件轻量且易于集成,适用于需要动态文本显示的简单和复杂用例。

适合场景

  • 在有限空间内显示长标题
  • 创建动画通知
  • 显示股票代码风格的新闻源
  • 通过动态文本效果增强用户界面
  • 实现滚动横幅

主要特点

  • 无限文本滚动
  • 可自定义的滚动方向
  • 可调节的动画持续时间和曲线
  • 每次滚动周期后暂停
  • 对多平台的支持
  • 与现有控件的轻松集成

适合对象

  • 需要动画文本显示的开发者
  • 设计师创建引人入胜的用户界面元素
  • 具有实时数据流的应用程序
  • 交互式自助服务终端或仪表板
  • 需要响应式文本动画的项目

使用建议

  • 处理非常长的文本时可能影响性能
  • 需要仔细调整滚动速度和暂停时间
  • 不适合静态内容
  • 屏幕阅读器的可访问性考虑
  • 对单个字符移动的控制有限

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

⏩ A Flutter widget that scrolls text infinitely. Provides many customizations including custom scroll directions, durations, curves as well as pauses after every round.

Appreciate the widget? Show some ❤️ and star the repo to support the project.

Usage

This is a minimalistic example:

Marquee(
  text: 'There once was a boy who told this story about a boy: "',
)

And here's a piece of code that makes full use of the marquee's customizability:

Marquee(
  text: 'Some sample text that takes some space.',
  style: TextStyle(fontWeight: FontWeight.bold),
  scrollAxis: Axis.horizontal,
  crossAxisAlignment: CrossAxisAlignment.start,
  blankSpace: 20.0,
  velocity: 100.0,
  pauseAfterRound: Duration(seconds: 1),
  startPadding: 10.0,
  accelerationDuration: Duration(seconds: 1),
  accelerationCurve: Curves.linear,
  decelerationDuration: Duration(milliseconds: 500),
  decelerationCurve: Curves.easeOut,
)

For more information about the properties, have a look at the API reference.

所属分类

依赖

依赖清单 1 项

源码仓库

使用此插件的项目