パッケージ、リポジトリ、アプリカテゴリを検索

パッケージ詳細v1.1.0

rich_typewriter

下部の Text.rich または RichText をタイプライターのようにアニメーションさせるウィジェット。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
38
いいね数
37
Pub ポイント
150

パッケージをインストール

flutter pub add rich_typewriter

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

Text.rich または RichText コンテンツをアニメーション化して、タイプライター効果をシミュレートする Flutter ウィジェットです。滑らかな遷移で1文字ずつテキストが打ち込まれます。魅力的なオンボーディング画面、ダイナミックなメッセージ、インタラクティブな物語インターフェースの作成に最適です。アニメーションはカスタマイズ可能で、モバイル、Web、デスクトップを含むすべての主要プラットフォームで動作します。テキストコンテンツに視覚的なリズムと注目を集める効果をもたらし、ユーザー体験を向上させます。

用途

  • オンボーディングチュートリアル
  • インタラクティブな物語
  • 動的メッセージ表示
  • アニメーション付きウェルカムスクリーン
  • インタラクティブなUI要素
  • リアルタイムチャットシミュレーション

主な機能

  • 文字単位のタイプアニメーション
  • 豊富なテキスト形式をサポート
  • クロスプラットフォーム互換性
  • カスタマイズ可能な入力速度
  • スムーズなトランジション効果
  • 既存の Text.rich との簡単な統合

適している対象

  • アニメーションテキストエフェクトを求めるUIデザイナー
  • インタラクティブなアプリを開発する開発者
  • 教育的または物語ベースのアプリケーション
  • 注目を引くテキストアニメーションを必要とするアプリ

注意事項

  • 非常に長いテキストではパフォーマンスに影響する可能性があります
  • 最適なUXを実現するためには、タイミングの設定に注意が必要です
  • 静的または急速に変化するコンテンツには適していません
  • アニメーション中の個々の文字スタイルへの制御が限られている
  • ユーザーの疲労を避けるために、控えめに使用することをお勧めします

元の 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,
      ))
    ])));

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。