Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Paketdetailsv0.3.0

custom_rounded_rectangle_border

Ein einfaches Paket zum Zeichnen benutzerdefinierter Formränder mit vollständiger Kontrolle darüber, wie die Seiten gerendert werden sollen.

AndroidiOSWebmacOSWindowsLinux
pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
7070
Likes
23
Pub-Punkte
150

Paket installieren

flutter pub add custom_rounded_rectangle_border

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket, das Entwicklern ermöglicht, benutzerdefinierte Rahmen mit präzisem Kontrolle über die Darstellung jeder Seite zu erstellen. Es erweitert die Funktionalität standardmäßiger abgerundeter Rechtecke, indem es die individuelle Anpassung der Eckradius, Rahmendicke und Strichart pro Seite ermöglicht. Ideal für die Gestaltung einzigartiger Benutzeroberflächenelemente mit asymmetrischen oder maßgeschneiderten Rahmen-Effekten. Das Paket integriert sich nahtlos in das Dekorationssystem von Flutter und unterstützt alle wichtigen Plattformen.

Anwendungsfälle

  • Erstellen von asymmetrischen Randgestaltungen
  • Individuelle Eckradius anpassen
  • Entwicklung einzigartiger UI-Framing-Elemente
  • Reaktive dekorative Behälter erstellen
  • Animierte Randeffekte implementieren
  • Verbesserung der visuellen Hierarchie durch gestaltete Rahmen

Hauptmerkmale

  • Seitenbezogene Grenzpersonalisierung
  • Flexibler Eckenradius-Controller
  • Unterstützung für alle Flutter-Plattformen
  • Einfache Integration mit BoxDecoration
  • Erweiterbar für erweiterte Stilierung
  • Plattformübergreifende Konsistenz

Geeignet für

  • UI-Designer, die kreative Randoptionen suchen
  • Entwickler, die benutzerdefinierte Widgets erstellen
  • Apps mit einzigartigen visuellen Grenzen
  • Projekte mit hoher Design-Fidelity
  • Teams, die Flutter für Multiplattform-Apps verwenden
  • Prototyping interaktiver Benutzeroberflächenkomponenten

Hinweise

  • Erfahrung mit dem Flutter-Paint-System erforderlich
  • Kann die Komplexität für einfache Layouts erhöhen
  • Leistungseinbußen bei intensiver Verwendung in Listen
  • Beschränkte Dokumentation über die grundlegende Verwendung hinaus
  • Nicht geeignet für dynamische Laufzeitänderungen der Grenze ohne Neuerstellung
  • Am besten mit optimierten Widget-Bäumen verwenden

Original-README

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

Custom rounded rectangle border

A simple package for drawing custom shape borders with full control on how you want the sides to be rendered.

It simply addresses an open Flutter issue where an error is thrown when you try to set a borderRadius and border at the same time, see open issue below: Support non-uniform Borders with a non-zero borderRadius

Sample Usage

Container(
    decoration: ShapeDecoration(
    shape: CustomRoundedRectangleBorder(
      borderRadius: BorderRadius.only(
          bottomLeft: 5.0,
          bottomRight: 5.0),
      leftSide: BorderSide(
          color: Colors.black),
      bottomLeftCornerSide: BorderSide(
          color: Colors.black),
      rightSide: BorderSide(
          color: Colors.black),
      bottomRightCornerSide: BorderSide(
          color: Colors.black),
      bottomSide: BorderSide(
          color: Colors.black),
    ),
),)

Flutter

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

Kategorien

Clipping und Dekoration

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.