搜尋套件、儲存庫與 APP 分類

ducafecatFlutter 生態導航
stylish_text 封面
套件詳情v0.0.1

stylish_text

一個包含一些文字動畫的 Flutter 套件

AndroidiOSWebmacOSWindowsLinux
pub.dev API 文件 原始碼
近 30 天下載
8
喜歡數
3
Pub 分數
110

安裝套件

flutter pub add stylish_text

套件介紹

根據套件公開資料產生的選型評估，僅供參考。

一個 Flutter 套件，提供一組文字動畫，以動態且視覺上吸引人的文字效果增強 UI。專為尋求為靜態文字元素增添魅力的開發者設計，支援多種動畫風格，例如打字、漸隱漸現和滑動效果。此套件輕量級，可無縫整合至跨多個平台的 Flutter 專案中。非常適合用於啟動畫面、引導流程，或任何需要引人注目的文字呈現來提升使用者體驗的場景。

適用情境

  • 在啟動畫面中添加動畫文字
  • 建立互動式入門體驗
  • 透過動態文字效果增強使用者介面
  • 遊戲介面中的動畫文字
  • 以風采展示勵志名言
  • 透過視覺吸引力提升應用介紹

主要特色

  • 預建構的文字動畫類型
  • 跨平台相容性
  • 與 Flutter 小部件的輕鬆整合
  • 可自訂的動畫速度與時序
  • 輕量且高效
  • 支援所有主要的Flutter平台

適合對象

  • UI/UX設計師尋找動畫文字
  • 開發引人入勝的入門流程的開發者
  • 希望憑藉視覺效果脫穎而出的應用程式創作者
  • 需要動態文字的教育類應用程式
  • 具有動畫反饋的遊戲化應用

使用建議

  • 如果過度使用，可能會影響效能
  • 動畫應謹慎使用以獲得最佳使用者體驗
  • 不適合用於對可存取性要求較高的文字
  • 需要針對不同螢幕尺寸進行仔細調校
  • 與自定義動畫相比，自訂選項有限
  • 最適合用於簡短且具衝擊力的文字元素

原始 README

以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。

Stylish Text

This flutter package contains few custom animated text.

Demo GIF

Roadmap

  • TypewriterText()
  • LinearMovingText()
  • BounceText()
  • OscillateText()
  • FadeText()

Typewriter

Demo GIF

Example code:

  TypewriterText(
            'Dhaka is the capital city of Bangladesh',
            style: TextStyle(fontSize: 20, color: Colors.green),
         ),

LinearMoving

Demo GIF

Example Code:

  LinearMovingText(
            'Welcome to Naogaon',
            style: const TextStyle(fontSize: 20, color: Colors.blue),
            direction: Direction.utd,
        ),

4 direction available: Direction.utd, Direction.dtu, Direction.rtl, Direction.ltr

Bounce

Demo GIF

Example Code:

  BounceOutText(
        'Flutter project',
        style: const TextStyle(fontSize: 20, color: Colors.purple),
        direction: Direction.dtu,
    ),

Oscillate

Demo GIF

Example Code:

  OscillateText(
      'This is Oscillating Text',
       textDirection: TextDirection.ltr,
       style: TextStyle(fontSize: 20, color: Colors.blue),
    ),

Fade

Demo GIF

Example Code:

 FadeText(
    'Hello World!',
     style: TextStyle(fontSize: 25, fontWeight: FontWeight.bold, color: Colors.redAccent),
    ),

所屬分類

文字裝飾、效果與動畫

原始碼儲存庫

使用此套件的專案

暫無相關資料。