Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Cover von auto_size_widget
Paketdetailsv0.0.4

auto_size_widget

Ein Flutter-Widget, das das Kind-Widget vergrößern oder verkleinern kann, indem man die Ecke des Widgets zieht.

AndroidiOSWebmacOSWindowsLinux
pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
153
Likes
38
Pub-Punkte
130

Paket installieren

flutter pub add auto_size_widget

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Das auto_size_widget-Paket bietet ein Flutter-Widget, das die dynamische Größenanpassung seines Kindes durch Ziehen an der Ecke ermöglicht und somit intuitive Layoutanpassungen erlaubt. Es ist für interaktive Benutzeroberflächen konzipiert, bei denen Benutzer Elemente innerhalb der App manuell vergrößern oder verkleinern müssen. Das Paket unterstützt mehrere Plattformen wie Android, iOS, Web, macOS, Windows und Linux und ist daher vielseitig für die plattformübergreifende Entwicklung geeignet. Es lässt sich nahtlos in bestehende Flutter-Layouts integrieren und verbessert die Benutzererfahrung durch direkte Manipulation.

Anwendungsfälle

  • Interaktives UI-Design
  • Dynamische Layout-Anpassung
  • benutzergetriebene Größenanpassung von Widgets
  • Plattformübergreifende responsive Schnittstellen
  • Interaktive Layouts prototypisch erstellen
  • Echtzeit-UI-Anpassung

Hauptmerkmale

  • Ecken-Drags zum Ändern der Größe-Funktion
  • Plattformübergreifende Kompatibilität
  • Einfache Integration mit Flutter-Widgets
  • Unterstützt alle wichtigen Plattformen
  • Minimale Einrichtung erforderlich
  • reaktives Layout-Verhalten

Geeignet für

  • UI-Designer prototypisieren interaktive Layouts
  • Entwickler, die anpassbare Dashboards erstellen
  • Apps, die eine manuelle Größenanpassung des Widgets erfordern
  • Plattformübergreifende Anwendungen mit dynamischen Benutzeroberflächen
  • Lern- oder kreative Werkzeuge mit interaktiven Elementen

Hinweise

  • Kann mit anderen Gestenerkennern konflikten
  • Leistungseinbußen bei komplexen Kindern
  • Erfordert sorgfältige Behandlung in verschachtelten Layouts
  • Nicht geeignet für statische oder schreibgeschützte Benutzeroberflächen
  • Beschränkt auf ein Kind-Größenänderung ohne zusätzliche Logik
  • Mögliche Zugänglichkeitsprobleme bei Touch-Gesten

Original-README

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

Auto Size Widget

A Flutter widget that can resize the child widget by dragging the widget corner.

Installation

  1. Add the latest version of the package to your pubspec.yaml (and run 'dart pub get'):
dependencies:
    auto_size_widget: ^0.0.3
  1. Import the package and use it in your Flutter app.
import 'package:auto_size_widget/auto_size_widget.dart';

Example

  1. To resize both the height and the width of the widget

initialWidth and initialHeight should be different from maxWidth and maxHeight respectively.

AutoSizeWidget(
  initialWidth: 120,
  initialHeight: 120,
  maxWidth: 320,
  maxHeight: 320,
  boxDecoration: BoxDecoration(
    border: Border.all(width: 1, color: Colors.grey),
    borderRadius: BorderRadius.circular(5)),
  child: Image.network(
    'https://docs.flutter.dev/assets/images/dash/early-dash-sketches2.jpg',
    fit: BoxFit.fill,
  ),
),
  1. To resize the height of the widget

initialWidth and maxWidth should be same to ensure that the width does not change on resize.

AutoSizeWidget(
  initialWidth: 250,
  initialHeight: 120,
  maxWidth: 250,
  maxHeight: 280,
  boxDecoration: BoxDecoration(
    border: Border.all(width: 1, color: Colors.grey),
    borderRadius: BorderRadius.circular(5),
  ),
  child: const SelectableText(
    "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."
  ),
),
  1. To resize the width of the widget

initialHeight and maxHeight should be same to ensure that the height does not change on resize.

AutoSizeWidget(
  initialWidth: 150,
  initialHeight: 200,
  maxWidth: 300,
  maxHeight: 200,
  boxDecoration: BoxDecoration(
    border: Border.all(width: 1, color: Colors.grey),
    borderRadius: BorderRadius.circular(5)),
  child: TextFormField(
    keyboardType: TextInputType.multiline,
    maxLines: 3 * 120,
    textAlign: TextAlign.start,
    decoration: const InputDecoration(
      focusedBorder: InputBorder.none,
      contentPadding:
        EdgeInsets.symmetric(vertical: 11, horizontal: 15),
      hintText: "Enter text here"
    ),
  ),
),

Kategorien

Layout und Überlagerung

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.