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

curved_carousel कवर
पैकेज विवरणv0.0.8

curved_carousel

वक्र कैरोसेल एक सूची को दोनों क्षैतिज और लंबवत रूप से वक्र ढंग से प्रदर्शित करता है।

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

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

flutter pub add curved_carousel

पैकेज अवलोकन

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

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

उपयोग

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

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

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

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

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

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

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

मूल README

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

Curved Carousel

curved_carousel version MIT License MIT License

A Flutter package for easy implementation of curved carousel.

Easy to use
CurvedCarousel(
      itemBuilder: (context, i) {
        return Item(img: listItem[i].img, selectionChange: (bool){
          print('onTap:: ${listItem[i].name}')
        }, selected: listItem[i].selected,key: ValueKey(listItem[i].selected),);
      },
      itemCount: listItem.length,
      middleItemScaleRatio: 1.5,
)
Attributes

itemBuilder : builder function returns widget of given index
itemCount : total widgets
viewPortSize : how much size a single item will have, the fractional value lies between 0 and 1, 1 means full size
curveScale : it specifies curviness
disableInfiniteScrolling : by default, infinite scrolling is enable, but if you want to disable it make it true
scaleMiddleItem : scales middle item of carousel, by default it is true
middleItemScaleRatio : it is scaling parameter for middle item
tiltItemWithcurve : does the items angle need to be follow to curve, by default this is true
horizontalPadding : a padding to apply horizontally to the carousel, the default is no padding
animationDuration : a duration of the item change animation in milliseconds, the default value is 300
onChangeEnd : a function to trigger when the item change animation is done
onChangeStart : a function to trigger when the item change animation is start
moveAutomatically : allow to change the current selected item automatically, default is set to false.
automaticMoveDelay : the delay between automatic movements, default is 5000
reverseAutomaticMovement : reverse the direction of the automatic movement, default is false

श्रेणियाँ

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

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

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