import 'package:flutter/material.dart';
class MyWidget extends StatefulWidget {
const MyWidget({super.key});
@override
State<MyWidget> createState() => _MyWidgetState();
}
class _MyWidgetState extends State<MyWidget> {
String? selectedFruit;
final List<String> fruits = [
"Apple",
"Mango",
"Orange",
"Banana",
"Pineapple",
];
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text("Modern Dropdown"),
),
body: Padding(
padding: const EdgeInsets.all(20),
child: DropdownMenu<String>(
width: double.infinity,
label: const Text("Select Fruit"),
leadingIcon: const Icon(
Icons.shopping_basket,
),
trailingIcon: const Icon(
Icons.keyboard_arrow_down_rounded,
),
menuHeight: 250,
initialSelection: selectedFruit,
onSelected: (value) {
setState(() {
selectedFruit = value;
});
},
dropdownMenuEntries:
fruits.map((fruit) {
return DropdownMenuEntry(
value: fruit,
label: fruit,
);
}).toList(),
),
),
);
}
}
you can used smart DropDownButton
Flutter-এর Built-in Dropdown-এর চেয়ে নিচের Package বেশি ব্যবহার হয়:
dropdown_search: ^6.0.1
Comments
Post a Comment