khlebobul/use_scramble

技術トピック

# dart # flutter # flutter-package # text-animation # scramble # text-animations

使用している依存関係

依存関係一覧 3 件

flutter{"sdk":"flutter"}
flutter_test開発用{"sdk":"flutter"}
flutter_lints開発用^4.0.0

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

README を開く / 閉じる

LICENCE - MIT pub package

Use Scramble GIF Demo

Lightweight package for random text animations inspired by useScramble

Used by

Board Buddy
- AppStore
- Google Play

Usage

TextScramble(
    text: 'Hello World!',
    speed: Duration(milliseconds: 50),
    chars: '!<>-_\\/[]{}—=+*^?#________',
    correctCharProbability: 0.1, // Correct character probability in [0, 1]
    scrambleCycles: 4, // Number of times to scramble the text
    builder: (context, scrambledText) {
      // Use the builder to define how the text is displayed
      return Text(
        scrambledText,
        textAlign: TextAlign.center, // Text alignment is now within the builder
        style: TextStyle( // Text style is now within the builder
          fontSize: 40,
          color: Colors.green,
          fontFamily: 'JetBrainsMono',
        ),
      );
    },
),

Bugs/Requests

If you encounter any problems feel free to open an issue. If you feel the library is missing a feature, please raise a ticket on Github and I'll look into it. Pull request are also welcome.

Additional information

Medium article link

Created by Gleb | khlebobul@gmail.com

X Telegram

Support the project:

Credits

Inspired by useScramble
Thanks eibaan for the recommendations