Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Paketdetailsv1.0.2

gradient_text

Ein Flutter-Widget zum Anzeigen von Text mit einem durch ihn hindurchgezeichneten Farbverlauf. Akzeptiert TextStyle und TextAlign, sodass es sehr ähnlich wie ein Text-Widget verwendet werden kann.

pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
82
Likes
31
Pub-Punkte
40

Paket installieren

flutter pub add gradient_text

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Widget, das Text mit einem Verlaufseffekt rendert und Entwicklern ermöglicht, sanfte Farbverläufe über einzelne Zeichen oder die gesamte Textzeichenkette anzuwenden. Es unterstützt standardmäßige TextStyle- und Align-Eigenschaften und ist daher mit bestehenden Textformatierungsworkflows kompatibel. Ideal für ansprechende UI-Elemente wie Überschriften, Buttons oder Beschriftungen mit dynamischen Farbeffekten. Das Paket ist leichtgewichtig und einfach zu integrieren, erfordert nur minimale Konfiguration.

Anwendungsfälle

  • Gestaltete Überschriften mit Gradienteneffekten erstellen
  • Visuelle Attraktivität zu App-Buttons hinzufügen
  • Verbesserung von Benutzeroberflächenelementen durch dynamische Farbübergänge
  • Modernes Startbildschirm-Design
  • Animiertem Text in Dashboards implementieren

Hauptmerkmale

  • Unterstützt TextStyle und TextAlign
  • Glatte Gradientendarstellung über Text
  • Minimale Einrichtung erforderlich
  • Leichtgewichtig und leistungsstark
  • Kompatibel mit Standard-Textwidget-Eigenschaften

Geeignet für

  • UI-Designer, die visuelle Verbesserungen suchen
  • Entwickler, die moderne Flutter-Anwendungen erstellen
  • Projekte, die einen Gradiententext ohne benutzerdefiniertes Malen erfordern
  • Auf ästhetische Attraktivität ausgerichtete Apps

Hinweise

  • Beschränkt auf Text-Only-Verläufe (keine Hintergrundeffekte)
  • Kann die Leistung bei großen Textblöcken beeinträchtigen
  • Gradientrichtung und -stopps erfordern manuelle Konfiguration
  • Nicht geeignet für komplexe Textlayouts mit mehreren Stilen

Original-README

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

GradientText

A Flutter Widget for displaying gradient text, text with a gradient drawn through it.

GradientTextScreenshot

Getting Started

Add the plugin (pub coming soon):

dependencies:
  ...
  gradient_text: ^1.0.2

Usage

Import it:

import 'package:gradient_text/gradient_text.dart';

Use it:

GradientText("this is my text",
    gradient: LinearGradient(
    colors: [Colors.deepPurple, Colors.deepOrange, Colors.pink]),
    style: TextStyle(fontSize: 42),
    textAlign: TextAlign.center);

Parameters:

data :: (required) :: The String to be used in the Text Widget

gradient :: (required) :: A gradient to be drawn through the text

style :: (optional) :: TextStyle to be used in the Text Widget. Color is ignored, as the text must be white to have the gradient drawn.

textAlign :: (optional) :: TextAlign to be used in the Text Widget. Default is left.

Credit

The idea to use ShaderMask came from Reddit user boformer. Thanks boformer.

Kategorien

Textdekoration, Effekt und Animation

Quell-Repository

Projekte, die dieses Paket verwenden