jd_dropdowm_menu_widget

Last updated:

0 purchases

jd_dropdowm_menu_widget Image
jd_dropdowm_menu_widget Images
Add to Cart

Description:

jd dropdowm menu widget

drop_down_menu #
一个简单的drop_down_menu,支持任意widget。
将JDDropdownMenuWidget放到任意位置即可。
Getting Started #
1、pubspec.yaml
jd_dropdowm_menu_widget: any
copied to clipboard
2、install
flutter pub get
copied to clipboard
3、import
import 'package:jd_dropdowm_menu_widget/jd_dropdowm_menu_widget.dart'
copied to clipboard
4、usage
JDDropdownMenuWidget(
controller: controller,
itemStyle: JDDropdownMenuWidgetStyle.style2,
click: (int index) {
print('$index');
},
items: [
JDDropdownMenuItem(
maxHeight: 300,
title: Container(
alignment: Alignment.topCenter,
margin: EdgeInsets.only(
left: 10,
right: 10,
),
child: Text(title1),
),
menu: CityWidget(
click: (String selectedValue) {
setState(() {
title1 = selectedValue;
controller.hide();
});
print('选择的城市为:$selectedValue');
},
),
),
JDDropdownMenuItem(
maxHeight: 300,
title: Container(
alignment: Alignment.topCenter,
margin: EdgeInsets.only(
left: 10,
right: 10,
),
child: Text(title2),
),
menu: MenuListWidget(
selectedValue: title2,
click: (String value) {
setState(() {
title2 = value;
controller.hide();
});
},
),
),
JDDropdownMenuItem(
title: Container(
alignment: Alignment.topCenter,
margin: EdgeInsets.only(
left: 10,
right: 10,
),
child: Text('菜单3'),
),
menu: Container(
color: Colors.blue,
),
),
],
)
copied to clipboard

License:

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Files In This Product:

Customer Reviews

There are no reviews.