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

GitHub रिपॉज़िटरीTaimoorHassan/multiselect

बहुचयन

एक सरल ड्रॉपडाउन विजेट जिसमें डिफ़ॉल्ट रूप से मल्टीसीलेक्ट सक्षम है

बहुचयन प्रोजेक्ट कवर
स्टार
12
फ़ोर्क
68
अंतिम पुश (UTC)
29 मई 2024
प्रोजेक्ट स्थिति
सक्रिय

मूल README

यह अंग्रेज़ी मूल स्नैपशॉट है। नवीनतम सामग्री GitHub पर देखें।

multiselect

A simple Multiselect Dropdown

alt Demo

Usage

add it to pubspec.yaml

dependencies:
  flutter:
    sdk: flutter
  multiselect: # use latest version    

import it

// Imports all Widgets included in [multiselect] package
import 'package:multiselect/multiselect.dart';

Add the DropDownMultiSelect widget to your build method

// Import multiselct
import 'package:multiselect/multiselect.dart';


class Home extends StatefulWidget {
  const Home({Key? key}) : super(key: key);

  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {

  List<String> selected = [];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Center(
      child: Padding(
        padding: const EdgeInsets.all(20.0),
        // DropDownMultiSelect comes from multiselect
        child: DropDownMultiSelect(
          onChanged: (List<String> x) {
            setState(() {
              selected =x;
            });
          },
          options: ['a' , 'b' , 'c' , 'd'],
          selectedValues: selected,
          whenEmpty: 'Select Something',
        ),
      ),
    ));
  }
}

And that is it. You will have a working multiselect DropDown with no effort at all.

 
 
 

PS: multiselect is planned to be a collection of multi-select widgets. I will add other functionality based on the needs of the community

Taimoor Hassan GitHub avatar
GitHub लेखक

Taimoor Hassan ↗

भाषाएँC++CMakeDartHTMLSwiftCKotlinObjective-C

श्रेणियाँ

इस रिपॉज़िटरी के पैकेज

उपयोग की गई निर्भरताएँ

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

  • flutter{"sdk":"flutter"}
  • states_rebuilder^6.4.0
  • flutter_testडेवलपमेंट{"sdk":"flutter"}

अपने प्रोजेक्ट के लिए रिपॉज़िटरी कैसे चुनें?

उपयोग के अनुसार छाँटें, गतिविधि की तुलना करें और अपनाने से पहले मूल प्रोजेक्ट की आवश्यकताएँ जाँचें।

  1. नाम, लेखक या विवरण से खोजें और तकनीकी विषय से परिणाम सीमित करें।
  2. स्टार, फ़ोर्क और हाल के पुश की तुलना करें। स्टार रुचि दर्शाते हैं, गुणवत्ता की गारंटी नहीं।
  3. उपयोग से पहले GitHub पर README, लाइसेंस और Issues जाँचें।

स्रोत और रखरखाव

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗