Pakete, Repositories und App-Kategorien suchen

Paketdetailsv1.1.0

rich_typewriter

Ein Widget, das den darunterliegenden Text.rich oder RichText wie eine Schreibmaschine animiert.

AndroidiOSWebmacOSWindowsLinux
30-Tage-Downloads
38
Likes
37
Pub-Punkte
150

Paket installieren

flutter pub add rich_typewriter

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Widget, das Text.rich oder RichText-Inhalte animiert, um einen Schreibmaschinen-Effekt zu simulieren, bei dem der Text zeichenweise mit sanften Übergängen eingegeben wird. Ideal für ansprechende Onboarding-Bildschirme, dynamische Nachrichten oder interaktive Erzählungsoberflächen. Die Animation ist anpassbar und funktioniert auf allen wichtigen Plattformen, einschließlich Mobilgeräten, Web und Desktop. Sie verbessert die Benutzererfahrung durch visuellen Rhythmus und Fokus auf den Textinhalt.

Anwendungsfälle

  • Onboarding-Tutorials
  • Interaktive Erzählung
  • Dynamische Nachrichtenanzeige
  • animierte Willkommensbildschirme
  • Interaktive Benutzeroberflächenelemente
  • Echtzeit-Chatsimulationen

Hauptmerkmale

  • Zeichen-für-Zeichen-Typing-Animation
  • Unterstützt reichhaltige Textformatierung
  • Plattformübergreifende Kompatibilität
  • Anpassbare Eingabegeschwindigkeit
  • Glatte Übergangseffekte
  • Einfache Integration mit bestehendem Text.rich

Geeignet für

  • UI-Designer, die animierte Texteffekte suchen
  • Entwickler interaktiver Apps
  • Bildungs- oder erzählbasierte Anwendungen
  • Apps, die auffällige Textanimationen erfordern

Hinweise

  • Kann die Leistung bei sehr langen Texten beeinträchtigen
  • Für eine optimale Benutzererfahrung ist eine sorgfältige Zeitgestaltung erforderlich
  • Nicht geeignet für statische oder schnell wechselnde Inhalte
  • Eingeschränkte Steuerung der individuellen Zeichenstilisierung während der Animation
  • Am besten sparsam verwenden, um Benutzerermüdung zu vermeiden

Original-README

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

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

Kategorien

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.