dynamicutils

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

DynamicUtils ist ein Flutter-Paket, das die Implementierung von responsivem Design vereinfacht, indem Entwickler fließende, skalierbare Layouts direkt aus Figma, XD oder anderen Design-Tools erstellen können. Es bietet Werkzeuge zur Anpassung von Benutzeroberflächenelementen an Bildschirmgröße und Gerätedichte, wodurch eine konsistente Darstellung auf Android, iOS, Web, macOS, Windows und Linux gewährleistet wird. Das Paket unterstützt dynamische Skalierung von Schriftarten, Größen und Abständen und ist daher ideal, um bei der Entwicklung die Gestaltungstreuheit zu bewahren. Mit minimalem Setup über `flutter pub add dynamicutils` wird der Übergang von Design-Mockups zu produktionsfertigen responsiven Schnittstellen vereinfacht.

Anwendungsfälle

Konvertierung von Figma/XD-Designs in responsive Flutter-Apps
Erstellen von plattformübergreifenden Benutzeroberflächen mit konsistenter Skalierung
Anpassen von Layouts für verschiedene Bildschirmgrößen
Designgenauigkeit über Geräte hinweg beibehalten
Schnellprototyping mit responsive Komponenten
Skalierbare Designsysteme erstellen

Hauptmerkmale

Dynamische Schriftart- und Größenskalierung
Plattformübergreifende Reaktionsfähigkeit
Einfache Integration in bestehende Flutter-Projekte
Unterstützung für mehrere Plattformen (Android, iOS, Web, macOS, Windows, Linux)
Eingebaute Werkzeuge für Layoutanpassung
Nahtloser Design-zu-Code-Arbeitsablauf

Geeignet für

Flutter-Entwickler, die mit Figma/XD-Designs arbeiten
Reaktive UI-Konsistenz priorisieren
Projekte, die eine schnelle Skalierung der Benutzeroberfläche über Geräte erfordern
Entwickler, die Multiplattform-Anwendungen erstellen
Designer arbeiten mit Entwicklern bei responsiven Layouts zusammen
Apps für unterschiedliche Bildschirmgrößen und -dichten

Hinweise

Benötigt erste Konfiguration für Skalierungsfaktoren
Könnte Anpassungen für komplexe verschachtelte Layouts erfordern
Am besten geeignet für Designs mit konstanten Baseline-Rastern
Leistungseinfluss ist vernachlässigbar, sollte aber auf Geräten mit geringer Leistung getestet werden
Kein vollständiges Design-System, sondern eine Utility für responsive Skalierung
Beschränkte Dokumentation über die grundlegende Einrichtung hinaus

Original-README

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

Dynamic Utils

A Flutter package that provides dynamic sizing capabilities, allowing you to adapt your UI elements to different screen sizes.

Features

Dynamically adjust the height and width of UI elements based on the screen size.
Easily create responsive UIs that work well on different devices and orientations.
Convenient methods for adding spacing between elements.

Installation

Add the following line to your pubspec.yaml file:

dependencies:
  dynamicutils: <latest_version>

Then run flutter pub get to fetch the package.

Usage

Import the package into your Dart file:

import 'package:dynamicutils/dynamicutils.dart';

Initialize the DynamicSize class with the design screen size:

DynamicSize size = DynamicSize(849, 393);

Adjust the height and width of your UI elements:

DynamicSize size = DynamicSize(849, 393);
height = size.height(20);
width = size.width(20);
size.HeightSpace(20);
size.WidthSpace(20);

Create a new dynamic container:

dContainer(
  height: 20,
  width: 20,
);

For navigation:

pop(context);
newScreen(context, screen());
replaceScreen(context, screen());

For more advanced usage and customization options, refer to the package's API documentation.

Examples

You can find more usage examples in the example folder of this repository.

License

This project is licensed under the MIT License.

Contributing

Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue or submit a pull request.

Get in touch

If you have any questions, feel free to reach out:

Email: ashrafchauhan567@gmail.com
GitHub: @MohamedAshraf701

Pakete, Repositories und App-Kategorien suchen

Paket installieren