use_scramble

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein leichtgewichtiges Flutter-Paket, das zufällige Textanimationen ermöglicht und von dem useScramble-Hook inspiriert ist. Es erzeugt dynamische, schreibmaschinenähnliche Effekte, bei denen der Text scheinbar durcheinandergebracht und dann in seiner endgültigen Form stabilisiert wird. Ideal für ansprechende Benutzeroberflächenelemente wie Lademeldungen, animierte Überschriften oder interaktive Textanzeigen. Das Paket ist einfach zu integrieren und funktioniert auf allen wichtigen Plattformen, einschließlich Mobilgeräte, Web und Desktop. Es unterstützt anpassbare Störgeschwindigkeiten und Zeichensätze, was es flexibel für verschiedene Gestaltungsanforderungen macht.

Anwendungsfälle

Animierte Willkommensnachrichten
Ladezustandsanzeiger
interaktive Überschriften-Effekte
Dynamische Beschriftungsanimationen
Engagement-Willkommensbildschirme

Hauptmerkmale

Echtzeit-Textverschlüsselung
Anpassbare Animationsgeschwindigkeit
Unterstützt benutzerdefinierte Zeichensätze
Plattformübergreifende Kompatibilität
Minimale Einrichtung erforderlich
Glatte Leistung über Geräte hinweg

Geeignet für

UI-Designer, die dynamische Texteffekte suchen
Entwickler interaktiver Apps
Projekte mit animierten Onboarding-Flows
Apps, die visuelle Rückmeldung während des Ladevorgangs erfordern
Kreative digitale Erlebnisse

Hinweise

Kann die Leistung bei sehr langen Texten beeinträchtigen
Begrenzte Steuerung der einzelnen Zeichentime
Nicht ideal für die Anzeige von statischen Texten
Am besten geeignet für kurze, wirkungsvolle Sätze
Erfordert sorgfältige Abstimmung für optimale visuelle Wirkung

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

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

Support the project:

Credits

Inspired by useScramble
Thanks eibaan for the recommendations

Pakete, Repositories und App-Kategorien suchen

Paket installieren