bordered_text

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Das bordered_text-Paket verbessert den Text-Widget von Flutter durch einen subtilen Stricheffekt, wodurch Entwickler visuell hervorstechenden Text mit umrandeten Rändern erstellen können. Es unterstützt mehrere Plattformen wie Android, iOS, Web, macOS, Windows und Linux und ist daher ideal für konsistente Querplattform-Designs. Das Paket ist leichtgewichtig und einfach zu integrieren und bietet anpassbare Strichbreite, Farbe und Weichzeichnungseffekte. Perfekt für UI-Elemente wie Beschriftungen, Überschriften oder Badges, die eine auffällige Erscheinung benötigen, ohne komplexe benutzerdefinierte Malerei.

Anwendungsfälle

Stilisierte Texte mit Umrisse erstellen
UI-Elemente wie Abzeichen oder Beschriftungen gestalten
Verbesserung der Lesbarkeit durch Randkontrast
Texten in Spielen oder Apps visuelle Tiefe hinzufügen
Umsetzung von responsive Texteffekten über Plattformen hinweg

Hauptmerkmale

Subtiler Strich-Effekt beim Text
Anpassbare Strichbreite und -farbe
Unterstützung für Blur-Effekte
Plattformübergreifende Kompatibilität
Einfache Integration mit bestehenden Text-Widgets
Leichtgewichtig und leistungsstark

Geeignet für

UI-Designer, die visuelle Verbesserungen suchen
Entwickler, die plattformübergreifende Anwendungen erstellen
Projekte, die Text mit Umrandungseffekten erfordern
Spiel- oder interaktive App-Oberfläche
Apps, die eine barrierefreie Textformatierung benötigen

Hinweise

Kann die Leistung bei großen Textblöcken beeinträchtigen
Strich-Effekte werden möglicherweise nicht identisch auf allen Plattformen gerendert
Beschränkt auf grundlegende Strichstile (keine fortgeschrittenen Verläufe oder Muster)
Erfordert sorgfältige Farbauswahl für Lesbarkeit
Nicht geeignet für High-Performance-Animationen mit vielen Textelementen

Original-README

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

BorderedText

Adds Stroke to a Flutter Text widget

Getting Started

Check the installation guide for how to install this plugin

Usage

We can apply a very thin and subtle stroke to a [Text]

import 'package:bordered_text/bordered_text.dart';

class StrokeTester extends StatelessWidget {

  const StrokeTester({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Bordered Text test',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Bordered Text'),
        ),
        body: Center(
          child: BorderedText(
            strokeWidth: 1.0,
            child: Text(
              'Bordered Text Widget',
              style: TextStyle(
                decoration: TextDecoration.none,
                decorationColor: Colors.red,
              ),
            ),
          ),
        ),
      ),
    );
  }
}

Pakete, Repositories und App-Kategorien suchen

Paket installieren