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

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

progress_indicator_button

एक सरल बटन जो प्रगति सूचकांक को बदल सकता है और दिखा सकता है।

30-दिन डाउनलोड
33
लाइक
20
Pub अंक
30

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

flutter pub add progress_indicator_button

पैकेज अवलोकन

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

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

उपयोग

  • फॉर्म सबमिशन
  • प्रमाणीकरण प्रवाह
  • लोडिंग स्थिति संकेतक
  • असिंक्रोनस ऑपरेशन प्रतिक्रिया
  • उपयोगकर्ता क्रियान्वयन पुष्टि

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

  • प्रगति सूचक के लिए स्मूथ ट्रांज़िशन
  • कस्टमाइज़ किए गए लोडिंग UI
  • स्वचालित अवस्था प्रबंधन
  • समाप्ति पर कॉलबैक समर्थन करता है
  • हल्का और एकीकरण में आसान

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

  • सरल लोडिंग बटन
  • उपयोगकर्ता-अभिमुख फॉर्म
  • मोबाइल ऐप इंटरैक्शन
  • त्वरित उपयोगकर्ता इंटरफेस सुधार
  • न्यूनतम सेटअप चाहने वाले डेवलपर्स

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

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

मूल README

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

Progress Button

Pub Build Status Donate

A simple button that gives you the possibility to transform into a circular one and shows a progress indicator.

How to use

Container(
    width: 200,
    height: 60,
    child: ProgressButton(
        borderRadius: BorderRadius.all(Radius.circular(8)),
        strokeWidth: 2,
        child: Text(
            "Sample",
            style: TextStyle(
                color: Colors.white,
                fontSize: 24,
            ),
        ),
        onPressed: (AnimationController controller) {
            if (controller.isCompleted) {
                controller.reverse();
            } else {
                controller.forward();
            }
        },
    ),
),

Please check the sample folder for a simple implementation.

Changelog

Please see the Changelog page to know what's recently changed.

Contributions

Feel free to contribute to this project.

If you find a bug or want a feature, but don't know how to fix/implement it, please fill an issue.
If you fixed a bug or implemented a new feature, please send a pull request.

License

This project is licensed under the MIT License - see the LICENSE.md file for details

श्रेणियाँ

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

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

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