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

套件詳情v1.1.0

rich_typewriter

一個讓底層 Text.rich 或 RichText 像打字機一樣動畫的組件。

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
38
喜歡數
37
Pub 分數
150

安裝套件

flutter pub add rich_typewriter

套件介紹

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

一個 Flutter 小部件,可對 Text.rich 或 RichText 內容進行動畫處理,以模擬打字機效果,逐字元地流暢打出文字。非常適合用來創造引人入勝的引導畫面、動態訊息或互動式敘事介面。該動畫可自訂,並可在所有主要平台(包含行動裝置、網頁與桌面)上運作。透過為文字內容增添視覺節奏與焦點,提升使用者體驗。

適用情境

  • 引導教程
  • 互動敘事
  • 動態訊息顯示
  • 動畫歡迎畫面
  • 互動式 UI 元素
  • 即時聊天模擬

主要特色

  • 逐字打字動畫
  • 支援豐富文字格式
  • 跨平台相容性
  • 可自訂的輸入速度
  • 平滑的過渡效果
  • 與現有 Text.rich 的輕鬆整合

適合對象

  • 尋求動畫文字效果的UI設計師
  • 開發互動式應用的開發者
  • 教育性或敘事為基礎的應用程式
  • 需要吸引注意力的文字動畫的應用

使用建議

  • 可能影響非常長文字的效能
  • 需要仔細設定時間以獲得最佳使用者體驗
  • 不適合靜態或快速變化的內容
  • 在動畫過程中對單個字元樣式控制有限
  • 最好少量使用,以避免使用者疲勞

原始 README

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

rich_typewriter

A widget that makes underlying Text.rich or RichText animate like a typewriter.

Preview

Motivation

I was creating a visual novel engine, so I needed a convenient way to animate RichTexts (with styles and WidgetSpans). Actually there are some packages which do the thing, but they do not work with existent RichTexts and/or do not support WidgetSpans.

In addition, it's also a kind of proof of concept in terms of interaction with the element tree.

Features

  • Wrap a Text.rich or a RichText to animate.
  • Supports trees of InlineSpan with arbitrary depth.
  • Can print both text characters and widgets.
  • Allows to set up different delays for different symbols.
  • Allows to call a function when the animation ends.

Usage

RichTypewriter(
        child: const Text.rich(TextSpan(text: "some text", children: [
      WidgetSpan(
          child: FlutterLogo(
        size: 100,
      ))
    ])));

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。