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

selectable_container कवर
पैकेज विवरणv1.0.7

selectable_container

Flutter के लिए चयन करने योग्य कंटेनर। जब टैप किया जाता है, तो कंटेनर के एक कोने पर एक आइकन दिखाई देता है।

AndroidiOSWebmacOSWindowsLinux
30-दिन डाउनलोड
142
लाइक
53
Pub अंक
150

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

flutter pub add selectable_container

पैकेज अवलोकन

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

एक फ्लटर पैकेज जो एक चयन करने योग्य कंटेनर विजेट प्रदान करता है, जब टैप किया जाता है तो एक कोने में एक दृश्य संकेतक (आइकन) दिखाई देता है। यह उपयोगकर्ता इंटरैक्शन को बढ़ावा देता है और तुरंत प्रतिक्रिया प्रदान करता है, जिससे यह फ़िल्टर, टैग या विकल्प जैसे चयन-आधारित UI के लिए आदर्श होता है। कंटेनर कई प्लेटफॉर्मों के लिए समर्थन करता है, जिनमें एंड्रॉइड, आईओएस, वेब, मैकओएस, विंडोज और लिनक्स शामिल हैं। यह हल्का है और आसानी से एकीकृत किया जा सकता है, सरलता और दृश्य स्पष्टता पर ध्यान केंद्रित करता है।

उपयोग

  • फिल्टर चयन इंटरफेस
  • टैग-आधारित नेविगेशन
  • इंटरैक्टिव फॉर्म तत्व
  • उपयोगकर्ता पसंदीदा चयनकर्ता
  • बहु-चयन चिप्स
  • कस्टम टॉगल बटन

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

  • टैप पर कोने आइकन सूचक
  • क्रॉस-प्लेटफॉर्म संगतता
  • सरल एकीकरण
  • चयन पर दृश्य प्रतिक्रिया
  • कस्टमाइज़ेबल दिखावट
  • हल्का डिज़ाइन

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

  • इंटरैक्टिव यूआई बनाने वाले डेवलपर्स
  • दृश्य प्रतिक्रिया की तलाश करने वाले डिज़ाइनर
  • चयन-प्रधान कार्य प्रवाह वाले ऐप्स
  • न्यूनतम इंटरफेस घटक
  • Flutter के शुरुआती लोग अवस्था प्रबंधन सीख रहे हैं

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

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

मूल README

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

selectable_container

A Selectable Container for Flutter. Easy to implement and customize.

Demo

Demo:

Usage

To use plugin, just import package import 'package:selectable_container/selectable_container.dart';

Example

Check de example directory to access the project that implements the image shown above.

    import 'package:flutter/material.dart';
    import 'package:selectable_container/selectable_container.dart';

    class SimpleExamplePage extends StatefulWidget {
      @override
      _SimpleExamplePageState createState() => _SimpleExamplePageState();
    }

    class _SimpleExamplePageState extends State<SimpleExamplePage> {
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text('Selectable Container'),
          ),
          body: Column(
            children: <Widget>[
              Text(
                'Default container',
                style: TextStyle(fontSize: 22, fontWeight: FontWeight.bold),
              ),
              SelectableContainer(
                selected: _selected
                onValueChanged: (newValue) {
                   setState(() {
                    _selected = newValue;
                  });
                },
                child: Text('Tap me'),
                padding: 16.0,
              ),
            ],
          ),
        );
      }
    }

श्रेणियाँ

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

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

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