可以通过以下步骤实现:
selectedValue
。DropdownButton
小部件,并将其值设置为selectedValue
。DropdownMenuItem
小部件,并设置每个列表项的值和标签。onChanged
回调函数中,更新selectedValue
的值为用户选择的值。以下是一个示例代码:
import 'package:flutter/material.dart';
class MyDropdownButton extends StatefulWidget {
@override
_MyDropdownButtonState createState() => _MyDropdownButtonState();
}
class _MyDropdownButtonState extends State<MyDropdownButton> {
String selectedValue;
@override
Widget build(BuildContext context) {
return DropdownButton(
value: selectedValue,
items: [
DropdownMenuItem(
value: 'Option 1',
child: Text('Option 1'),
),
DropdownMenuItem(
value: 'Option 2',
child: Text('Option 2'),
),
DropdownMenuItem(
value: 'Option 3',
child: Text('Option 3'),
),
],
onChanged: (value) {
setState(() {
selectedValue = value;
});
},
);
}
}
在上述示例中,我们创建了一个名为MyDropdownButton
的StatefulWidget类,它包含一个名为selectedValue
的变量来存储下拉按钮的当前值。在build
方法中,我们使用DropdownButton
小部件创建了一个下拉按钮,并将其值设置为selectedValue
。然后,我们为下拉按钮指定了三个列表项,并在onChanged
回调函数中更新selectedValue
的值为用户选择的值。
您可以将MyDropdownButton
小部件添加到您的应用程序中的任何位置,以便获取下拉按钮的值。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云