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

ducafecatFlutter इकोसिस्टम गाइड
पैकेज विवरणv0.1.3

scrolling_page_indicator

इंस्टाग्राम जैसे पेज व्यू इंडिकेटर का फ्लटर अनुकूलन

pub.dev API दस्तावेज़ सोर्स कोड
30-दिन डाउनलोड
40
लाइक
32
Pub अंक
30

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

flutter pub add scrolling_page_indicator

पैकेज अवलोकन

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

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

उपयोग

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

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

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

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

  • ऑनबोर्डिंग फ्लो
  • इमेज गैलरी
  • सामग्री स्लाइडर्स
  • सोशल मीडिया ऐप यूआई
  • इंटरैक्टिव ट्यूटोरियल

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

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

मूल README

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

pub package

scrolling_page_indicator

View page indicator like Instagram

preview

Getting Started

  1. Dependency
dependencies:
  scrolling_page_indicator: ^0.1.2
  1. Install

flutter packages get

  1. Import
import 'package:scrolling_page_indicator/scrolling_page_indicator.dart';
  1. Use
ScrollingPageIndicator(
    dotColor: Colors.grey,
    dotSelectedColor: Colors.deepPurple,
    dotSize: 6,
    dotSelectedSize: 8,
    dotSpacing: 12,
    controller: _controller,
    itemCount: items.length,
    orientation: Axis.horizontal
)

श्रेणियाँ

कैरोसेल या कवर फ्लो

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

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

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