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 topubspec.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.