flutter list列表 select

在 Flutter 中，`ListView` 和 `DropdownButton` 经常一起用于创建选择列表。`ListView` 是一种滚动视图，用于显示一系列项目，而 `DropdownButton` 则提供了一个下拉菜单，用户可以从中选择一个选项。

如果你想要创建一个简单的单选列表，可以这样做：

import 'package:flutter/material.dart';

class DropdownListExample extends StatefulWidget {
  @override
  _DropdownListExampleState createState() => _DropdownListExampleState();
}

class _DropdownListExampleState extends State<DropdownListExample> {
  String selectedValue = '';

  List<String> items = ['Option 1', 'Option 2', 'Option 3'];

  void _selectItem(String item) {
    setState(() {
      selectedValue = item;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        DropdownButton<String>(
          value: selectedValue,
          items: items.map((String item) {
            return DropdownMenuItem<String>(
              value: item,
              child: Text(item),
            );
          }).toList(),
          onChanged: _selectItem,
        ),
        SizedBox(height: 16), // 空白区域，增加间距
        Text('Selected value: $selectedValue'),
      ],
    );
  }
}

在这个例子中，当用户从下拉菜单中选择一个项，`_selectItem` 函数会被调用，更新 `selectedValue` 并通过 setState 更新 UI 显示所选值。