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

在Flutter中，DropdownButtonFormField是一个用于创建表单下拉菜单的小部件。以下是如何使用它的示例代码：

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('DropdownButtonFormField Example'),
        ),
        body: Padding(
          padding: const EdgeInsets.all(16.0),
          child: Form(
            child: DropdownButtonFormField<String>(
              value: 'USA',
              items: <String>['USA', 'UK', 'India', 'China']
                  .map<DropdownMenuItem<String>>((String value) {
                return DropdownMenuItem<String>(
                  value: value,
                  child: Text(value),
                );
              }).toList(),
              onChanged: (String newValue) {
                print('Selected country: $newValue');
              },
              hint: Text('Select a country'),
              validator: (String value) {
                if (value == null || value.isEmpty) {
                  return 'Please select a country';
                }
                return null;
              },
            ),
          ),
        ),
      ),
    );
  }
}

这段代码创建了一个带有下拉菜单的表单，用户可以从一组预定义的选项中选择一个国家。value属性设置了默认选中的值，items属性定义了下拉菜单的选项，onChanged属性处理选项变化时的回调，hint属性设置了提示文本，validator属性用于表单验证。