पैकेज विवरणv2.1.5

m3_carousel

Material Design 3 कैरोसल (https://m3.material.io/components/carousel/overview) का एक Flutter वास्तुकला।

AndroidiOSWebmacOSWindowsLinux

pub.dev API दस्तावेज़ सोर्स कोड

30-दिन डाउनलोड: 940
लाइक: 45
Pub अंक: 160

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

flutter pub add m3_carousel

पैकेज अवलोकन

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

एक फ्लटर पैकेज जो मैटेरियल डिज़ाइन 3 कारोसेल को लागू करता है, जो एक आधुनिक, बातचीतपूर्ण और दृश्य रूप से आकर्षक तरीके से कंटेंट को क्षैतिज स्क्रॉल करने वाले लेआउट में प्रदर्शित करता है। आधिकारिक M3 निर्देशों से प्रेरित, यह चिकनी एनीमेशन, प्रतिक्रियाशील डिज़ाइन और सभी प्रमुख प्लेटफॉर्मों पर स्वचालित उपयोगकर्ता अंतरक्रिया का समर्थन करता है। कारोसेल छवियों, कार्ड या उत्पाद सूचियों को गहराई और गति प्रभावों के साथ प्रदर्शित करने के लिए आदर्श है। यह फ्लटर ऐप्स में बिना किसी दिक्कत के एकीकृत होता है और सुसंगतता और उपलब्धता के लिए मैटेरियल डिज़ाइन 3 सिद्धांतों का पालन करता है।

उपयोग

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

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

Material Design 3 के अनुरूप
स्मूथ हॉरिजॉन्टल स्क्रॉलिंग
गहराई और गति प्रभाव
प्रतिक्रियाशील लेआउट
प्लेटफॉर्म-अनुकूल समर्थन
कस्टमाइज़ेबल आइटम दिखावट

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

आधुनिक UI घटकों की आवश्यकता वाले ऐप्स
M3 दिशानिर्देशों का पालन करने वाले डिज़ाइनर
मीडिया-समृद्ध इंटरफेस बनाने वाले डेवलपर्स
क्रॉस-प्लेटफॉर्म मोबाइल और वेब ऐप्स
दृश्य आकर्षण पर बल देने वाले प्रोजेक्ट

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

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

मूल README

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

M3_Carousel

A flutter implementation of the Material Design 3 carousel. Built on the CarouselView.

Feature Highlights

Hero carousel with support for "left", "center" and "right" alignments.
Contained carousel. Extended view inclusive.
Uncontained carousel.
Horizontal or vertical scrolling via axis.

Installing

In your pubspec.yaml

dependencies:
  m3_carousel: ^2.1.4 # requires Dart => ^3.12.0, Flutter >=3.38.0

Usage

import "package:m3_carousel/m3_carousel.dart";

M3Carousel(
    type: CarouselType.hero,
    heroAlignment: HeroAlignment.center,
    axis: Axis.horizontal,
    onTap: (int tapIndex) => log(tapIndex.toString()),
    children: List<Widget>.generate(10, (int index) {
        return ColoredBox(
            color: Colors.primaries[index % Colors.primaries.length]
                .withValues(alpha: 0.8),
            child: const SizedBox.expand(),
        );
    }),
),