搜尋套件、儲存庫與 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?

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。