Drop-down list of data allowing to make one or more selections and to search among the data or an identifier

Drop_Down_Data

Description

Drop-down list of data allowing to make one or more selections and to search among the data or an identifier.

📖 Installation

To use this plugin, add drop_down_data as a dependency in your pubspec.yaml file. Following steps will help you add this library as a dependency in your flutter project.

  • Run flutter pub add drop_down_data, or add video_editor to pubspec.yaml file manually.

dependencies:
  drop_down_data: ^1.0.3
  • Import the package in your code:
import 'package:drop_down_data/drop_down_data.dart';

📸 Screenshots

Example Video

👀 Usage

List<DataDropDown> listData = [];

@override
void initState() {
  super.initState();
  List<Map<String, dynamic>> listMap = [];
  listMap.add({"id": "1", "name": "agenda"});
  listMap.add({"id": "2", "name": "contact"});
  listData = List<DataDropDown>.from(listMap.map((model) => DataDropDown.fromJson(model)));
}

@override
Widget build(BuildContext context) {
  ThemeData theme = Theme.of(context);
  TextTheme textTheme = theme.textTheme;
  ColorScheme colorScheme = theme.colorScheme;
  return Scaffold(
    appBar: AppBar(
      title: Text(widget.title),
    ),
    body: Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[

          Text("Selection", style: textTheme.bodyLarge!.copyWith(color: colorScheme.onSurface),),
          Text("selectionID: $selectionID"),
          Text("selectionValue: $selectionValue"),
          DropDownData(
              tooltip: "show menu",
              title: selectionValue != "" ? " " : "selection",
              value: selectionValue,
              uuidValue: selectionID,
              addFirstEmpty: true,
              viewNumber: true,
              research: false,
              researchCallback: (String val) { setState(() {}); },
              listData: listData,
              selectionCallback: (DataDropDown selection){
                if (kDebugMode) {
                  print(selection);
                  print(selection.id);
                  print(selection.name);
                }
                selectionValue = selection.name ?? "";
                selectionID = selection.id ?? "";
                setState(() { });
              }),
          
        ],
      ),
    ),
  );
}

✨ Credit

Created by Aylicrea seel-channel.

GitHub

View Github