wu9007 / multiple_select

multiple_select

A versatile and beautiful multi-drop-down component for App developers.🚀

Getting Started

dependencies:
 multiple_select: ^0.1.24

Usage example

Matching query and Multiple select

List<Item<num, String, String>> items = List.generate(
  150,
      (index) =>
      Item.build(
        value: index,
        display: '$index display',
        content: '$index content' * (index + 1),
      ),
);

List<num> _initValue = [1, 2, 6];

MultiFilterSelect(
          allItems: items,
          initValue: _initValue,
          selectCallback: (List selectedValue) => print(selectedValue.length,
          textColor: Colors.black,
          backgroundColor: Colors.blue,
          selectedTextColor: Colors.black,
          selectedBackgroundColor: Colors.grey,),
        )

Drop down with no filter

/// Simulate 15 data
List<MultipleSelectItem> elements = List.generate(
  15,
  (index) => MultipleSelectItem.build(
    value: index,
    display: '$index display',
    content: '$index content',
  ),
);

List _selectedValues = [];

MultipleDropDown(
          hintText: '请选择',
          disabled: false,
          values: _selectedValues,
          elements: elements,
        )

Contribute

We would ❤️ to see your contribution!

License

Distributed under the MIT license. See LICENSE for more information.

About

Created by Shusheng.

multiple_select's Issues

Error with beta 1.24.0-10.2.pre

Hi, I just upgraded Flutter Flutter (Channel beta, 1.24.0-10.2.pre,

and I am getting this error (trying to run on web):

../../../.pub-cache/hosted/pub.dartlang.org/multiple_select-0.1.23/lib/multiple_select.dart:72:41: Error: No named parameter with the name 'shadowThemeOnly'.
ThemeData theme = Theme.of(context, shadowThemeOnly: true);
^^^^^^^^^^^^^^^
../../flutter/packages/flutter/lib/src/material/theme.dart:119:20: Context: Found this candidate, but the arguments don't match.
static ThemeData of(BuildContext context) {
^^

Any idea how I can correct this?

Thank you.

Search for items?

Could you please add option to have search/filter input on top of items?

Provide ability to customize search function in MultiFilterSelect, for example case insensitive search.

adding fixed list

thanks for your library.

i want to add fixed list like this to customer can select multiple items from it:

 List  elements2 = [
    "Raspberry in Light",
    "Apple Red",
    "Avocado",
    "Banana",
    "Blackberry",
    "Blueberry",
    "Orange",
    "Raspberry",
    "Kiwi",
    "Mango Fresh",
    "Pumpkin Red",
    "Sweet Melon",
    "Strawberry",
    "Apricot",
    "Peach",
    "Coconut Greated Fresh",
    "Grapes Green",
    "Mandarin",
    "Orange Juice (In House)",
  ];

but i don't know haw can add it with these generated list ?

  List<MultipleSelectItem> elements = List.generate(
    15,
        (index) => MultipleSelectItem.build(
      value: index,
      display: '$index display',
      content: '$index content',
    ),
  );

Eliminate hardcoded colors to allow usage of dark theme.

For example MultiFilterSelect should not use Colors.black54 for placeholder and icon; MultiFilterSelectPage should not use Colors.blue[50] , Colors.grey[200], ...
Also please eliminate hardcoded font sizes.

null safety

do yo have any version supporting null safety?

Add Clear, All, None buttons to MultiFilterSelect

MultiFilterSelect: Make focusing of Search field optional, on-screen keyboard opening is not always desired.

shadowThemeOnly

Hi, I am running version 0.1.24.

There is a problem in build:

Error: No named parameter with the name 'shadowThemeOnly'.
ThemeData theme = Theme.of(context, shadowThemeOnly: true);

I can edit it in the project, but when I run it on bitrise it stops.

How can I fix it?

Thank you