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

所屬分類

文字裝飾、效果與動畫

原始碼儲存庫

使用此套件的專案