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

bouncing_widget कवर
पैकेज विवरणv2.0.0

bouncing_widget

एक विजेट जो आपको किसी विजेट पर बाउंस एनीमेशन जोड़ने की अनुमति देता है।

AndroidiOSWebmacOSWindowsLinux
30-दिन डाउनलोड
858
लाइक
216
Pub अंक
150

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

flutter pub add bouncing_widget

पैकेज अवलोकन

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

bouncing_widget पैकेज किसी भी Flutter विंडजेट में बाउंस एनीमेशन प्रभाव जोड़ने का एक सरल तरीका प्रदान करता है। यह विंडजेट को टैप करने या इंटरैक्ट करने पर डायनामिक, स्प्रिंग-जैसा बाउंस बनाकर उपयोगकर्ता अंतरक्रिया को बढ़ावा देता है। बटन, आइकन या किसी भी ऐसे तत्व के लिए आदर्श जिसे दृश्य प्रतिक्रिया की आवश्यकता हो, यह सभी प्रमुख प्लेटफॉर्म जैसे Android, iOS, Web, macOS, Windows और Linux को समर्थन देता है। पैकेज हल्का है और आसानी से एकीकृत किया जा सकता है, जिसमें न्यूनतम कोड की आवश्यकता होती है। छोटे एनीमेशन के माध्यम से UI एंगेजमेंट को बढ़ाने की कोशिश करने वाले विकासकर्ताओं के लिए यह आदर्श है।

उपयोग

  • बटन में इंटरैक्टिव प्रतिक्रिया जोड़ना
  • टैप पर एनिमेटिंग आइकन
  • फॉर्म में उपयोगकर्ता अनुभव को बढ़ाना
  • खेलने वाले UI तत्व बनाना
  • एप्लिकेशन की प्रतिक्रिया में सुधार करना

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

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

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

  • गतिशील प्रतिक्रिया की तलाश में UI डिज़ाइनर
  • इंटरैक्टिव ऐप्स बनाने वाले डेवलपर्स
  • मोबाइल और वेब उपयोगकर्ताओं के लिए एप्स
  • हल्के एनिमेशन की आवश्यकता वाले प्रोजेक्ट्स
  • आकर्षक इंटरफेस का प्रोटोटाइपिंग

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

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

मूल README

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

bouncing_widget

A widget that enables you to add a bouncing animation on a widget.

Example

How does it work ?

You just have to encapsulate the widget of your choice with a BouncingWidget.

You may also use a scaleFactor to customize the scaling effect as in the gif example. Or even customize the animation's duration with the duration parameter (200 milliseconds by default).

BouncingWidget(
  duration: Duration(milliseconds: 100),
  scaleFactor: 1.5,
  onPressed: () {
    print("onPressed");
  },
  child: Text(
    "Hello !",
    style: TextStyle(
      color: Colors.white,
      fontWeight: FontWeight.bold,
      fontSize: 35,
    ),
  ),
),

श्रेणियाँ

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

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

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