tailwind_standards

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Tailwind_standards bringt den utility-first-Stilansatz von Tailwind CSS in Flutter mit und bietet eine Reihe vordefinierteter Klassen für Farben, Größen und Schriftgewichte. Es enthält ein TText-Widget, das die Textformatierung mit einer prägnanten, lesbaren Syntax vereinfacht. Für Entwickler, die mit Tailwind vertraut sind, ermöglicht es einen schnellen UI-Entwicklung über mehrere Plattformen hinweg. Das Paket unterstützt Android, iOS, Web, macOS, Windows und Linux und ist daher ideal für plattformübergreifende Anwendungen, die konsistente, skalierbare Designmuster ohne benutzerdefinierte Stile benötigen.

Anwendungsfälle

Schnelle UI-Prototypenerstellung
Plattformübergreifende App-Stilgestaltung
Konsistente Designsysteme
Textformatierung vereinfachen
Boilerplate-Code reduzieren

Hauptmerkmale

Utility-Klassen im Stil von Tailwind
TText-Widget für stilisierten Text
Farb-, Größen- und Gewichtsvoreinstellungen
Multiplattformunterstützung
Minimale benutzerdefinierte CSS-Notwendigkeit
Sauberer, lesbarer Stil-Syntax

Geeignet für

Flutter-Entwickler, die mit Tailwind CSS vertraut sind
Teams, die Designkonsistenz priorisieren
Projekte, die schnelle UI-Iteration erfordern
Web- und Mobile-App-Entwicklung
Entwickler, die eine reduzierte CSS-Verbalität wünschen

Hinweise

Beschränkt auf grundlegende Stilhilfen
Keine vollständige CSS-Ersatzlösung
Erfordert das Erlernen neuer Widget-Konventionen
Am besten geeignet für einfache bis moderate Benutzeroberflächen
Weniger flexibel als benutzerdefinierte Styling-Ansätze

Original-README

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

Tailwind Standards

Style your Flutter app with Tailwind CSS. Colors, Sizes, Weights and a TText widget that takes classes. All in the same structure as you would use Tailwind CSS in HTML.

Features

TColor: Use all tailwind default colors
TText: An extension on the Flutter Text widget that can be styled in the same way as a class in HTML.
TSize: All tailwind default sizes are easily accessible
TWeight: Use the naming convention of Tailwind CSS for weights

Getting started

To install the package run the following command.

flutter pub add tailwind_standards

Usage

TColor

TColor has all the default colors that Tailwind CSS offers. You can access every color in the following way.

Color tcolor = TColor.slate500;

TText

TText is an extension of the Text widget from Flutter. It takes classes in the same structure as when you use Tailwind CSS for HTML.

const TText(
    'TText widget from tailwind_standards!',
    props: 'text-xs text-gray-500 text-center font-bold',
),

TSize

TSize has all the default Tailwind CSS sizes that are mostly used in padding, margin, etc.

int tsize = TSize.lg;

TWeight

TWeight translates the Tailwind CSS naming convention to the font weights used in Flutter.

FontWeight tweight = TWeight.semiBold;

Additional information

Feedback is always welcome! If you see improvements or if something comes to your attention, please let me know or create a pull request.

Pakete, Repositories und App-Kategorien suchen

Paket installieren