drop_down_data 1.0.5 copy "drop_down_data: ^1.0.5" to clipboard
drop_down_data: ^1.0.5 copied to clipboard

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

Pub GitHub stars

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.5
  • 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.

1
likes
150
points
51
downloads

Publisher

verified publisherasyoulikekit.com

Weekly Downloads

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

Repository (GitHub)

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on drop_down_data