flutter DropdownSelection
时间: 2024-06-15 11:06:02 浏览: 145
Flutter的DropdownButton是一个常用的下拉选择组件,用在用户界面中显示一个下拉菜单,并允许用户从预定义的选项中进行选择。
使用DropdownButton,您可以定义一个下拉菜单按钮,当用户点击按钮时,会弹出一个下拉菜单,显示可供选择的选项。用户可以从这些选项中选择一个,然后下拉菜单会自动关闭,并将所选项显示在按钮上。
以下是使用DropdownButton的基本示例代码:
```dart
String selectedOption;
DropdownButton<String>(
value: selectedOption,
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(() {
selectedOption = value;
});
},
)
```
在上面的示例中,我们首先定义了一个变量`selectedOption`来保存用户选择的选项。然后,我们创建了一个DropdownButton组件,并将`selectedOption`作为当前选中的值传递给`value`属性。接下来,我们通过`items`属性定义了可供选择的选项列表。每个选项都是一个DropdownMenuItem组件,其中包含一个值和一个显示文本。最后,我们通过`onChanged`回调函数来处理用户选择的逻辑,并在用户选择后更新`selectedOption`的值。
阅读全文