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

ducafecatFlutter 生态导航
插件详情v1.0.4

blinking_text

一个简单的插件，用于创建闪烁文本。它允许调整闪烁的持续时间以及文本停止前闪烁的次数。

AndroidiOSWebmacOSWindowsLinux
pub.dev API 文档 源代码
近 30 天下载
8480
喜欢数
31
Pub 分数
140

安装插件

flutter pub add blinking_text

插件介绍

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

一个轻量级的 Flutter 包，可实现简单的闪烁文本效果。它允许开发者自定义闪烁持续时间和文本闪烁次数，直到停止。非常适合用于吸引用户注意特定的 UI 元素，例如警告或通知。该包支持所有主要平台，包括 Android、iOS、Web、macOS、Windows 和 Linux，确保在不同设备上行为一致。它可轻松集成到现有项目中，配置简单。

适合场景

  • 突出显示重要消息
  • 创建动画UI元素
  • 将用户注意力引导至关键内容
  • 添加细微的视觉反馈
  • 设计交互式仪表板

主要特点

  • 可自定义的闪烁持续时间
  • 可配置的闪烁次数
  • 跨平台支持
  • 简单的 API 集成
  • 轻量且高效

适合对象

  • 寻求动画效果的UI设计师
  • 开发警报系统
  • 需要视觉提示的应用程序
  • 教育或游戏界面
  • 极简主义应用程序设计

使用建议

  • 如果使用过度，可能会分散用户注意力
  • 不适合用于对可访问性要求高的内容
  • 闪烁可能引发敏感用户的癫痫发作
  • 超出时间以外的自定义功能有限
  • 最好适量使用以获得最佳用户体验

原始 README

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

blinking_text

A simple plugin to create blinking text

How to use

Properties: It supports properties of Text widget's and includes 4 more properties for animation

  • beginColor - It overrides widget TextStyle's color.
  • endColor - The color the text will blink to. If there is no endColor defined, opacity 0 is used.
  • times - Number of times text blinks.
  • duration - Interval of blinking animation.

Blink text with opacity

BlinkText('Blink Animation'),

Blink text from original color to orange indefinitely

BlinkText(
	'Blink Animation',
	style: TextStyle(fontSize: 24.0, color: Colors.redAccent),
	endColor: Colors.orange,
),

Blink text from black to orange 10 times

BlinkText(
	'Blink Animation',
	style: TextStyle(fontSize: 48.0, color: Colors.redAccent),
	beginColor: Colors.black,
	endColor: Colors.orange,
	times: 10,
	duration: Duration(seconds: 1)
),

Original Link: https://tleapps.com/blinking_text/

所属分类

文本装饰、效果与动画

源码仓库

使用此插件的项目