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

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

water_drop

अपने विजेट्स के ऊपर पानी के बूँदें बनाने के लिए एक पैकेज।

30-दिन डाउनलोड
8
लाइक
37
Pub अंक
30

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

flutter pub add water_drop

पैकेज अवलोकन

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

water_drop पैकेज डेवलपर्स को फ्लटर एप्लिकेशन में विजेट्स के ऊपर वास्तविक जल की बूंद के प्रभाव जोड़ने की अनुमति देता है। यह कस्टम शेडर और एनिमेशन का उपयोग करके बूंदों के बनने, मिलने और सतहों पर फिसलने के दिखावे को सिमुलेट करता है। पृष्ठभूमि, बटन या इंटरैक्टिव तत्वों में दृश्य आकर्षण को बढ़ाने के लिए उपयुक्त, यह UI में एक गतिशील, तरल भाव लाता है। पैकेज हल्का है और मौजूदा फ्लटर विजेट्स के साथ बिना किसी विस्तृत कॉन्फ़िगरेशन के आसानी से एकीकृत होता है। यह खेल-भाव या प्राकृतिक डिज़ाइन थीम वाले ऐप्स में विशेष रूप से प्रभावी है।

उपयोग

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

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

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

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

  • तरल दृश्य प्रभाव चाहने वाले UI डिजाइनर
  • खेलने योग्य या प्राकृतिक विषय वाले ऐप बनाने वाले विकासकर्ता
  • हल्के इंटरैक्टिव प्रतिक्रिया की आवश्यकता वाले ऐप्स
  • दृश्य नवीनता पर केंद्रित Flutter परियोजनाएँ
  • गतिशील पृष्ठभूमि के साथ रचनात्मक डिजिटल अनुभव

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

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

मूल README

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

Water Drop 💦💦💦

Pub

A simple package for adding water drops to your Widgets!

👇👇👇👇👇👇👇👇👇👇
Blog article with detailed explanation:
https://fidev.io/water-drop
👆👆👆👆👆👆👆👆👆👆

Demo

Why?

Why not?!

How?

Just wrap your widget in WaterDrop and provide params:

Widget build(BuildContext context) {
  return WaterDrop(
    child: _StaticCard(color: Colors.green),
    params: [
      WaterDropParam(top: 50, height: 70, left: 100, width: 50),
      WaterDropParam(top: 10, height: 100, left: 280, width: 100),
      WaterDropParam(top: 155, height: 35, left: 135, width: 35),
      WaterDropParam(top: 135, height: 40, left: 250, width: 30),
      WaterDropParam(top: 20, height: 40, left: 20, width: 40),
      WaterDropParam(top: 140, height: 50, left: 15, width: 40),
      WaterDropParam(top: 20, height: 30, left: 200, width: 30),
      WaterDropParam(top: 120, height: 20, left: 360, width: 20),
    ],
  );
}

Or if you want a single drop, use WaterDrop.single:

@override
Widget build(BuildContext context) {
  return WaterDrop.single(
    top: 50,
    height: 70,
    left: 100,
    width: 50,
    child: _StaticCard(color: Colors.green),
  );
}

श्रेणियाँ

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

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

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