Flutter 组件集录 | 下拉菜单 DropdownMenu 组件

在Flutter中，创建一个下拉菜单可以使用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('下拉菜单示例'),
        ),
        body: Center(
          child: DropdownButton(
            value: '选项1', // 当前选中的值
            items: <String>['选项1', '选项2', '选项3']
                .map<DropdownMenuItem<String>>((String value) {
              return DropdownMenuItem<String>(
                value: value,
                child: Text(value),
              );
            }).toList(),
            onChanged: (String newValue) {
              // 处理选项变化的逻辑
              print('选中的值：$newValue');
            },
          ),
        ),
      ),
    );
  }
}

这段代码创建了一个简单的下拉菜单，包含三个选项。用户选择其中一个选项后，onChanged回调函数会被调用，并打印出新选中的值。