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

flutter_circular_progress_indicator कवर
पैकेज विवरणv0.0.3

flutter_circular_progress_indicator

Flutter सुंदर लोडिंग

AndroidiOSWebmacOSWindowsLinux
30-दिन डाउनलोड
34
लाइक
6
Pub अंक
125

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

flutter pub add flutter_circular_progress_indicator

पैकेज अवलोकन

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

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

उपयोग

  • फॉर्म में लोडिंग संकेतक
  • डेटा फ़ीचरिंग प्रगति
  • फ़ाइल अपलोड/डाउनलोड ट्रैकिंग
  • एप्प स्प्लैश स्क्रीन्स
  • प्रमाणीकरण प्रवाह प्रगति
  • बैकग्राउंड टास्क मॉनिटरिंग

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

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

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

  • आकर्षक लोडिंग UI की तलाश में विकासकर्ता
  • स्थिर प्रगति फीडबैक की आवश्यकता वाले ऐप
  • बहुप्लेटफॉर्म लक्षित प्रोजेक्ट्स
  • उपयोगकर्ता इंटरफेस केंद्रित Flutter एप्लिकेशन
  • सरल लेकिन शानदार लोडिंग कंपोनेंट्स

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

  • केवल गोलाकार आकृति तक सीमित
  • कोई निर्मित टेक्स्ट लेबल नहीं (कस्टम विजेट लपेटने की आवश्यकता है)
  • ब्रांड के अनुरूपता के लिए अतिरिक्त स्टाइलिंग की आवश्यकता हो सकती है
  • गैर-व rund आवश्यकताओं के लिए उपयुक्त नहीं
  • अपडेट के लिए बाहरी GitHub भंडार पर निर्भर है

मूल README

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

Load your data more beautiful.

Fixed Bugs

V 0.0.2 : setState error fixed

Installation

You just need to add flutter_circular_progress_indicator as a dependency in your pubspec.yaml file.

dependencies:
  flutter_circular_progress_indicator: ^0.0.2

Getting started

All features you can use :

complete

Usage

normal_circular

CircularProgressInd().normalCircular(
                      height: 55,
                      width: 55,
                      valueColor: Colors.pink,
                      secondaryColor: Colors.deepPurple[900],
                      secondaryWidth: 10,
                      valueWidth: 6);

spin_duration

CircularProgressInd().normalCircular(
                      height: 55,
                      width: 55,
                      isSpining: true,
                      spinDuration: Duration(seconds: 3),
                      valueColor: Colors.pink,
                      secondaryColor: Colors.deepPurple[900],
                      secondaryWidth: 10,
                      valueWidth: 6);

spin

CircularProgressInd().normalCircular(
                    height: 55,
                    width: 55,
                    valueColor: Colors.deepOrange,
                    valueWidth: 5,
                    isSpining: true,
                  );

spin_reverse

CircularProgressInd().normalCircular(
                      height: 55,
                      width: 55,
                      value: .4,
                      isSpining: true,
                      hasSpinReverse: true,
                      valueColor: Colors.pink,
                      secondaryColor: Colors.deepPurple[900],
                      secondaryWidth: 10,
                      valueWidth: 6);

circle_background

CircularProgressInd().normalCircular(
                      height: 55,
                      width: 55,
                      isSpining: true,
                      secondaryColor: Colors.deepPurple[900],
                      secondaryWidth: 10,
                      backgroundColor: Colors.amber,
                      padding: EdgeInsets.all(10),
                      backgroundBorder:
                          Border.all(color: Colors.deepPurple, width: 3),
                      valueWidth: 6);

rectangle_background

 CircularProgressInd().normalCircular(
                      height: 80,
                      width: 80,
                      isSpining: true,
                      value: .01,
                      secondaryColor: const Color.fromARGB(255, 23, 82, 27),
                      secondaryWidth: 10,
                      backgroundShape: BoxShape.rectangle,
                      backgroundRadius: 10,
                      backgroundColor: Colors.green,
                      padding: EdgeInsets.all(10),
                      valueColor: Colors.green[200],
                      backgroundBorder: Border.all(
                          color: const Color.fromARGB(255, 23, 82, 27),
                          width: 3),
                      valueWidth: 6);

श्रेणियाँ

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

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

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