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

पैकेज विवरणv1.0.5

flutter_scale_tap

Flutter के लिए स्केल और अपारदर्शिता एनीमेटेड बटन

AndroidiOSWebmacOSWindowsLinux
30-दिन डाउनलोड
812
लाइक
27
Pub अंक
120

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

flutter pub add flutter_scale_tap

पैकेज अवलोकन

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

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

उपयोग

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

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

  • दबाए जाने पर स्केल एनीमेशन
  • स्पर्श के दौरान अपारदर्शिता परिवर्तन
  • क्रॉस-प्लेटफॉर्म संगतता
  • आवश्यक सेटअप न्यूनतम
  • स्मूथ ट्रांजिशन प्रभाव
  • कस्टमाइज़ किए गए एनीमेशन अवधि

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

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

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

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

मूल README

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

ScaleTap

Scale and opacity animated Button for Flutter

Getting Started

Wrap your widget with ScaleTap

ScaleTap(
  onPressed: (){
    //Tap
  },
  onLongPress: (){
    //Long press
  },
  child: Container(
    child: Text("Tap Me"),
  ),
)

You can change the default behaviour with the ScaleTapConfig class

class ScaleTapConfig {
  static double scaleMinValue = 0.95;
  static Curve scaleCurve = CurveSpring();
  static double opacityMinValue = 0.90;
  static Curve opacityCurve = Curves.ease;
  static Duration scaleOpacityAnimationDuration = const Duration(milliseconds: 300);
  static Duration buttonAnimationDuration = const Duration(milliseconds: 300);
}

श्रेणियाँ

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

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

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