selection_menu

Description:

selection menu

selection_menu #
A highly customizable selection/select menu to choose an item from a list,
with optional search feature.
Getting Started #
The package provides two libraries:

selection_menu: Provides Widgets
components_configurations: Provides styles(ComponentsConfigurations)
for Widgets

The image shows the same SelectionMenu Widget with three different
ComponentsConfigurations.

Basic Usage #
import 'package:selection_menu/selection_menu.dart';

SelectionMenu<String>(
itemsList: <String>['A','B','C'],
onItemSelected: (String selectedItem)
{
print(selectedItem);
},
itemBuilder: (BuildContext context, String item, OnItemTapped onItemTapped)
{
return Material(
InkWell(
onTap: onItemTapped,
child: Text(item),
),
);
},
// other Properties...
);
copied to clipboard
Using A ComponentsConfiguration
import 'package:selection_menu/selection_menu.dart';

// IMPORT this package to get access to configuration classes.
import 'package:selection_menu/components_configurations.dart';

SelectionMenu<String>(
itemsList: <String>['A','B','C'],
onItemSelected: (String selectedItem)
{
print(selectedItem);
},
itemBuilder: (BuildContext context, String item, OnItemTapped onItemTapped)
{
return Material(
InkWell(
onTap: onItemTapped,
child: Text(item),
),
);
},
componentsConfigurations: DropdownComponentsConfigurations<String>(),
);
copied to clipboard
Customization #
The menu is divided into parts called Components which allows to
change one part while the others remain intact.
A ComponentsConfiguration is simply a container for all Components
and configurations.


Reading the examples is recommended because there are a lot of things to
cover and an intro page shouldn't be that long.

Examples #
A series of examples can be found
here.
Contributions #
You may make changes and open pull requests on GitHub. :)