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

random_text_reveal 封面
插件详情v0.0.7

random_text_reveal

一个文本动画包,具有随机文本揭示效果,文本逐字显示(常用于电影中)

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
118
喜欢数
85
Pub 分数
160

安装插件

flutter pub add random_text_reveal

插件介绍

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

一个 Flutter 包,创建电影般的文字动画效果,字符以随机顺序逐个出现,模仿电影中戏剧性的揭示风格。非常适合用于标题、开场或任何需要悬疑文字显示的 UI 元素。动画流畅且可自定义,支持移动、Web 和桌面等多种平台。通过动态视觉叙事增强用户参与度。

适合场景

  • 电影风格的标题动画
  • 互动应用介绍
  • 引人入胜的入门屏幕
  • 动态 UI 文本显示
  • 游戏化文本效果

主要特点

  • 逐字母随机揭示
  • 电影风格的视觉效果
  • 跨平台支持
  • 可自定义的动画速度
  • 与 Flutter widget 的简单集成
  • 跨设备的流畅性能

适合对象

  • 寻求电影效果的应用开发者
  • 专注于视觉冲击力的UI/UX设计师
  • 带有动画介绍的项目
  • 内容引人入胜的教育类应用
  • 游戏化应用

使用建议

  • 可能不适合极简设计风格
  • 对超长文本的性能影响
  • 需要精确的时机才能达到最佳效果
  • 超出基本参数的自定义功能有限
  • 最好少量使用以保持效果

原始 README

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

pub package License: MIT

Random Text Reveal

A Flutter package that helps you create animated Text widgets with Random Text Reveal Effect for all platforms.

Simple Usage

You should pass in a text value to the RandomTextReveal widget. It will automatically animate by generating random characters & slowly reveal text one by one. You can customize the text by various parameters: style, duration, randomString etc.

const RandomTextReveal(
  text: 'Random Text Reveal',
  duration: Duration(seconds: 2),
  style: TextStyle(
    fontSize: 36,
    color: Colors.blue,
    fontWeight: FontWeight.bold,
  ),
  curve: Curves.easeIn,
)

Customized Usage

You can customize the RandomTextReveal widget by overriding the default values. Using GoogleFonts package, you can make it a lot appealing

RandomTextReveal(
  key: globalKey,
  text: 'PASSWORD',
  initialText: 'Ae8&vNQ32cK^',
  shouldPlayOnStart: false,
  duration: const Duration(seconds: 2),
  style: GoogleFonts.orbitron(
    textStyle: const TextStyle(
      fontSize: 24,
      color: Colors.green,
      fontWeight: FontWeight.bold,
      letterSpacing: 8,
    ),
  ),
  randomString: Source.alphabets,
  onFinished: () {
    debugPrint('Password cracked successfully');
  },
  curve: Curves.easeIn,
  overflow: TextOverflow.ellipsis,
  maxLines: 2,
)

'random-text-reveal-preview'

Parameters
  • text: String
  • initialText: String?
  • shouldPlayOnStart: bool
  • randomString: String
  • duration: Duration
  • onFinished: VoidCallback?
  • curve: Curve
  • style: TextStyle?
  • textDirection: TextDirection?
  • locale: Locale?
  • maxLines: int?
  • overflow: TextOverflow?
  • softWrap: bool?
  • textAlign: TextAlign?
  • semanticsLabel: String?

所属分类

源码仓库

使用此插件的项目

暂无相关数据。