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

random_text_reveal のカバー
パッケージ詳細v0.0.7

random_text_reveal

テキストを1文字ずつ表示するランダムなテキスト表示効果を持つテキストアニメーションパッケージ(映画で主に使用)

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
118
いいね数
85
Pub ポイント
160

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

flutter pub add random_text_reveal

パッケージ概要

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

Flutterパッケージで、映画のようなドラマチックな演出スタイルを再現する、ランダムな順序で1文字ずつ表示される映像的なテキストアニメーション効果を作成します。タイトルやイントロ、あるいは緊張感のあるテキスト表示が必要なUI要素に最適です。滑らかでカスタマイズ可能なアニメーションで、モバイル、Web、デスクトップなどさまざまなプラットフォームをサポートします。ダイナミックなビジュアルストーリーテリングにより、ユーザーの関与を高めます。

用途

  • 映画風のタイトルアニメーション
  • インタラクティブなアプリ紹介
  • 魅力的なオンボーディング画面
  • ダイナミックUIテキストが明らかになります
  • ゲーム化テキストエフェクト

主な機能

  • 文字単位のランダムな表示
  • 映画風のエフェクト
  • クロスプラットフォーム対応
  • カスタマイズ可能なアニメーション速度
  • Flutter ウィジェットとの簡単な統合
  • デバイス間でのスムーズなパフォーマンス

適している対象

  • 映画的なエフェクトを求めるアプリ開発者
  • 視覚的インパクトに注力する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?

カテゴリー

ソースリポジトリ

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

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