पैकेज, रिपॉज़िटरी और ऐप श्रेणियाँ खोजें

पैकेज विवरणv1.0.1

dynamicutils

Figma, XD आदि से प्रतिक्रियाशील डिज़ाइन बनाने के लिए Flutter पैकेज.....

AndroidiOSWebmacOSWindowsLinux
30-दिन डाउनलोड
60
लाइक
21
Pub अंक
160

पैकेज इंस्टॉल करें

flutter pub add dynamicutils

पैकेज अवलोकन

सार्वजनिक जानकारी से बना चयन मार्गदर्शन। केवल संदर्भ हेतु।

DynamicUtils एक Flutter पैकेज है जो डिज़ाइन टूल्स जैसे Figma, XD या अन्य से लचीले, स्केलेबल लेआउट बनाने की अनुमति देकर प्रतिक्रियाशील डिज़ाइन के कार्यान्वयन को सरल बनाता है। यह उपकरण प्रदान करता है जो UI तत्वों को स्क्रीन आकार और डिवाइस घनत्व के आधार पर अनुकूलित करते हैं, जिससे Android, iOS, Web, macOS, Windows और Linux में एक समान दिखावट सुनिश्चित होती है। पैकेज फ़ॉन्ट, आकार और स्पेसिंग के लिए डायनामिक स्केलिंग का समर्थन करता है, जिससे डेवलपमेंट के दौरान डिज़ाइन की सटीकता बनाए रखने में मदद मिलती है। `flutter pub add dynamicutils` के माध्यम से न्यूनतम सेटअप के साथ, यह डिज़ाइन मॉकअप से उत्पादन-तैयार प्रतिक्रियाशील इंटरफ़ेस में संक्रमण को सरल बनाता है।

उपयोग

  • Figma/XD डिज़ाइन को प्रतिक्रियाशील Flutter ऐप में बदलना
  • समान स्केलिंग के साथ क्रॉस-प्लेटफ़ॉर्म यूआई बनाना
  • विभिन्न स्क्रीन आकारों के लिए लेआउट का अनुकूलन
  • उपकरणों के माध्यम से डिज़ाइन सटीकता बनाए रखना
  • प्रतिक्रियाशील घटकों के साथ त्वरित प्रोटोटाइपिंग
  • स्केलेबल डिज़ाइन सिस्टम बनाना

मुख्य विशेषताएँ

  • गतिशील फॉन्ट और आकार स्केलिंग
  • क्रॉस-प्लेटफ़ॉर्म प्रतिक्रियाशीलता
  • मौजूदा Flutter प्रोजेक्ट्स के साथ आसान एकीकरण
  • कई प्लेटफॉर्म (Android, iOS, Web, macOS, Windows, Linux) के लिए समर्थन
  • लेआउट अनुकूलन के लिए निर्मित उपकरण
  • अनुच्छेद से कोड तक का निरंतर कार्य प्रवाह

इनके लिए उपयुक्त

  • Figma/XD डिज़ाइन के साथ काम कर रहे Flutter विकासकर्ता
  • प्रतिक्रियाशील UI सुसंगतता को निर्धारित करना
  • उपकरणों के माध्यम से त्वरित UI स्केलिंग की आवश्यकता वाले प्रोजेक्ट
  • बहु-प्लेटफॉर्म एप्लिकेशन बनाने वाले डेवलपर्स
  • प्रतिक्रियाशील लेआउट पर डिज़ाइनर और डेवलपर्स के सहयोग
  • विविध स्क्रीन आकारों और घनत्व के लक्षित ऐप्स

विचार योग्य बातें

  • स्केलिंग कारक के लिए प्रारंभिक सेटिंग की आवश्यकता होती है
  • जटिल नेस्टेड लेआउट के लिए समायोजन की आवश्यकता हो सकती है
  • स्थिर बेसलाइन ग्रिड वाले डिज़ाइन के लिए सबसे उपयुक्त
  • प्रदर्शन प्रभाव नगण्य है लेकिन कम-स्तर के उपकरणों पर परीक्षण करना चाहिए
  • एक पूर्ण डिज़ाइन प्रणाली नहीं है बल्कि प्रतिक्रियाशील स्केलिंग के लिए उपयोगिता है
  • मूल सेटअप के अलावा सीमित दस्तावेज़न

मूल README

संबंधित सोर्स रिपॉज़िटरी के मूल README का स्नैपशॉट। नवीनतम सामग्री के लिए रिपॉज़िटरी देखें।

Dynamic Utils

Pub Version Flutter Platform

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:

श्रेणियाँ

सोर्स रिपॉज़िटरी

इस पैकेज का उपयोग करने वाले प्रोजेक्ट

अभी कोई डेटा उपलब्ध नहीं है।