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

counter_button

काउंटर बटन एक फ्लटर लाइब्रेरी है जो आपको काउंटर मान को बढ़ाने या घटाने पर एनिमेशन प्रभाव वाला बटन बनाने की अनुमति देती है।

AndroidiOSWebmacOSWindowsLinux

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

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

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

flutter pub add counter_button

पैकेज अवलोकन

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

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

उपयोग

इंटरैक्टिव न्यूमेरिक इनपुट्स
गेमिफिकेशन तत्व
शॉपिंग कार्ट मात्रा नियंत्रण
फॉर्म फील्ड समायोजन
अवस्था परिवर्तन के लिए UI प्रतिक्रिया

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

एनिमेटेड काउंटर ट्रांजीशन
क्रॉस-प्लेटफॉर्म संगतता
pubspec.yaml के साथ सरल एकीकरण
कस्टमाइज़ेबल दिखावट
राज्य बदलने पर स्मूथ उपयोगकर्ता इंटरफेस प्रतिक्रिया

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

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

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

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

मूल README

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

counter_button

Counter Button is a flutter library that allows you to create a button with animation effects when you increase or decrease the counter value.

Screenshots

Demo

Installing

dependencies:
  counter_button: ^1.0.1

Import

import 'package:counter_button/counter_button.dart';

How To Use

CounterButton(
  loading: false,
  onChange: (int val) {
    setState(() {
      _counterValue = val;
    });
  },
  count: _counterValue,
  countColor: Colors.purple,
  buttonColor: Colors.purpleAccent,
  progressColor: Colors.purpleAccent,
)

parameters

parameter	description	default
count	Value of the counter
countColor	Color of the counter	Colors.black
onChange	Value change callback when the buttons are pressed
loading	For showing the linear progress indicator
progressColor	Color of the progress indicator	Colors.black
buttonColor	Color of the icon button	Colors.black
addIcon	Add button icon
removeIcon	Remove button icon	const Icon(Icons.remove)