Flutter自定义下拉选择框dropDownMenu

在Flutter中，可以使用DropdownButton来创建一个自定义下拉选择框（dropDownMenu）。以下是一个简单的示例代码：

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('Dropdown Menu 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');
            },
          ),
        ),
      ),
    );
  }
}

在这个例子中，我们创建了一个简单的下拉菜单，它有四个选项。当用户选择一个选项时，onChanged回调函数会被调用，并打印出选中的值。你可以根据需要自定义DropdownMenuItem的子Widget，以实现更复杂的布局和样式。