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

scroll_snap_effect कवर
पैकेज विवरणv0.1.0

scroll_snap_effect

एक फ्लटर पैकेज आसान स्क्रॉल स्नैप प्रभाव बनाने के लिए

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

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

flutter pub add scroll_snap_effect

पैकेज अवलोकन

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

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

उपयोग

  • कैरोसल या स्लाइडर बनाना
  • सेगमेंटेड स्क्रॉल इंटरफेस बनाना
  • ऑनबोर्डिंग स्क्रीन में नेविगेशन को बढ़ावा देना
  • स्नैप-टू-ग्रिड के साथ छवि गैलरी डिज़ाइन करना
  • टैब्ड स्क्रॉल व्यू का अनुप्रयोग

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

  • स्नैप व्यवहार के लिए सरल API
  • कई स्क्रॉल दिशाओं का समर्थन करता है
  • स्मूथ स्नैपिंग एनीमेशन
  • क्रॉस-प्लेटफ़ॉर्म संगतता
  • ListView और PageView के साथ आसान एकीकरण
  • कस्टमाइज़ किए गए स्नैप अंतराल

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

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

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

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

मूल README

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

cover

flutter paypal
A Flutter package to create easy animation scroll snap effect in ListView


  // Example itemSize
  // itemSize = child width (ex: 100) + child padding (ex: 16);
  // itemSize = 116
  ScrollSnapEffect(
      itemSize: 116,
      itemCount: 15,
      padding: const EdgeInsets.symmetric(horizontal: 20),
      onChanged: (index) {
        debugPrint('$index');
      },
      itemBuilder: (context, index) {
        return Padding(
          padding: const EdgeInsets.only(right: 16),
          child: SizedBox(
            height: 100,
            width: 100,
            child: ColoredBox(
              color: Colors.blue,
              child: Center(
                child: Text(
                  '$index',
                  style: const TextStyle(
                    color: Colors.white,
                    fontSize: 20,
                  ),
                ),
              ),
            ),
          ),
        );
      },
    ),

Example Scroll Snap Effect

output


🚧 Maintener

account avatar
Farhan Fadila
📫 How to reach me: farhan.fadila1717@gmail.com

❤️ Suport Maintener

paypal badge linktree

श्रेणियाँ

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

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

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