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

text_scroll 封面
插件详情v0.2.1

text_scroll

TextScroll Flutter 小部件添加了文本自动滚动功能(跑马灯文本)。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
2.2万
喜欢数
194
Pub 分数
150

安装插件

flutter pub add text_scroll

插件介绍

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

TextScroll 是一个 Flutter 小部件,可实现文本的自动滚动,非常适合创建跑马灯效果。它能平滑地在屏幕上动画显示文本,非常适合在有限空间内展示长内容。该小部件支持多种自定义选项,如滚动速度、方向和暂停行为。兼容所有主要平台,包括 Android、iOS、Web、macOS、Windows 和 Linux,可无缝集成到现有的 Flutter 应用中。设计简洁且性能出色,TextScroll 可以通过最少的设置提升用户体验。

适合场景

  • 在有限空间内显示长标题
  • 创建动画横幅或通知
  • 显示股票代码风格的新闻源
  • 通过动态文本元素增强UI
  • 实现滚动字幕或字幕

主要特点

  • 平滑的自动滚动动画
  • 可自定义的滚动速度和方向
  • 悬停暂停支持
  • 跨平台兼容性
  • 简单集成,配置极少
  • 支持多行和单行文本

适合对象

  • 开发仪表板或新闻应用的开发者
  • 希望实现动态文本效果的设计师
  • 需要持续文本显示的应用程序
  • 面向多个平台的项目
  • 寻求轻量级动画解决方案的用户

使用建议

  • 可能需要额外的样式设置以获得最佳外观
  • 长文本带来的性能影响
  • 对单个字符动画的控制有限
  • 不适用于静态文本显示
  • 最适合与短至中等长度的文本内容一起使用

原始 README

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

text_scroll

TextScroll Flutter widget adds text auto-scrolling functionality (marquee text).

demo

Features

  • endless and bouncing modes
  • delay and pause between rounds
  • max number of rounds
  • custom velocity
  • style and textAlign support

Getting started

To use this package, add text_scroll as a dependency in your pubspec.yaml file.

Usage

Minimal example:

    TextScroll('This is the sample text for Flutter TextScroll widget. ')

Custom settings:

    TextScroll(
        'This is the sample text for Flutter TextScroll widget. ',
        mode: TextScrollMode.bouncing,
        velocity: Velocity(pixelsPerSecond: Offset(150, 0)),
        delayBefore: Duration(milliseconds: 500),
        numberOfReps: 5,
        pauseBetween: Duration(milliseconds: 50),
        style: TextStyle(color: Colors.green),
        textAlign: TextAlign.right,
        selectable: true,
    )

See also

所属分类

源码仓库

使用此插件的项目