Flutter 中的 DropdownButton 小部件：全面指南

在Flutter中，DropdownButton是一个小部件，允许用户从预定义列表中选择一个选项。以下是如何使用DropdownButton的示例代码：

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('DropdownButton Example'),
        ),
        body: Center(
          child: DropdownButton(
            value: 'Item 1', // 当前选中的值
            items: <String>['Item 1', 'Item 2', 'Item 3', 'Item 4']
                .map<DropdownMenuItem<String>>((String value) {
              return DropdownMenuItem<String>(
                value: value,
                child: Text(value),
              );
            }).toList(),
            onChanged: (String newValue) {
              // 处理选项变化的逻辑
              print('Selected $newValue');
            },
          ),
        ),
      ),
    );
  }
}

这段代码创建了一个简单的应用，其中包含一个DropdownButton，用户可以从四个选项中选择。当选项变化时，onChanged回调会被调用，并打印出新选中的值。这是一个基本的DropdownButton使用案例，展示了如何在Flutter中实现下拉菜单的功能。