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

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

flutter_touch_spin

Flutter के लिए सरल संख्या इनपुट स्पिनर विजेट। Bootstrap Touchspin द्वारा प्रेरित

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

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

flutter pub add flutter_touch_spin

पैकेज अवलोकन

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

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

उपयोग

  • संख्यात्मक इनपुट की आवश्यकता वाले फॉर्म इनपुट
  • नियत मान वाले सेटिंग्स
  • मोबाइल-अनुकूल संख्या चयन
  • ई-कॉमर्स मात्रा चयनकर्ता
  • सरल डेटा एंट्री इंटरफेस

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

  • टच-मित्र ऊपर/नीचे बटन
  • कस्टमाइज़ करने योग्य चरण आकार
  • न्यूनतम कॉन्फ़िगरेशन
  • प्रतिक्रियाशील डिज़ाइन
  • मौजूदा फ़ॉर्म के साथ आसान एकीकरण

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

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

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

  • मूलभूत कार्यक्षमता तक सीमित
  • कोई निर्मित वैधता नहीं है
  • जटिल संख्या परास के लिए उपयुक्त नहीं
  • कीबोर्ड इनपुट का समर्थन नहीं है
  • Flutter के गेस्चर सिस्टम पर निर्भर करता है

मूल README

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

flutter_touch_spin

Simple number input spinner Widget for Flutter. Inspired by Bootstrap Touchspin

Screenshot

Getting Started

TouchSpin(
    min: 5,
    max: 100,
    step: 5,
    value: 10,
    displayFormat: NumberFormat.currency(locale: 'en_US', symbol: '\$'),
    textStyle: const TextStyle(fontSize: 36),
    iconSize: 48.0,
    addIcon: const Icon(Icons.add_circle_outline),
    subtractIcon: const Icon(Icons.remove_circle_outline),
    iconActiveColor: Colors.green,
    iconDisabledColor: Colors.grey,
    iconPadding: const EdgeInsets.all(20),
    onChanged: (val){
        print(val);
    },
),

Attributes

Attribute Type Default
value num 1
min num 1
max num 9999999
step num 1
displayFormat NumberFormat
textStyle TextStyle TextStyle(fontSize: 24)
iconSize double 24.0
addIcon Icon Icon(Icons.add)
subtractIcon Icon Icon(Icons.remove)
iconActiveColor Color Theme.of(context).textTheme.button.color
iconDisabledColor Color Theme.of(context).disabledColor
iconPadding EdgeInsetsGeometry EdgeInsets.all(4.0)
onChanged ValueChanged<num>

श्रेणियाँ

स्पिन बॉक्स

निर्भरताएँ

निर्भरता सूची 1 आइटम

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

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

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