如何以编程方式清除Flutter DropdownButton？

为了在Flutter中以编程方式清除DropdownButton，您需要了解其内部状态

下面是如何实现它的步骤：

首先，在DropdownButton的StatefulWidget中创建一个 GlobalKey 和一个对应的 SelectedItem。

class MyDropdown extends StatefulWidget {
  @override
  _MyDropdownState createState() => _MyDropdownState();
}

class _MyDropdownState extends State<MyDropdown> {
  GlobalKey<_MyDropdownState> _dropdownKey = GlobalKey();
  String _selectedItem;

  @override
  Widget build(BuildContext context) {
    // ... 
  }
}

接下来，在DropdownButton的ValueChanged回调中更新_selectedItem。

String _selectedItem;

void _onSelectChanged(String newValue) {
  setState(() {
    _selectedItem = newValue;
  });
}

然后，在build方法中创建DropdownButton，并将_key和_onSelectChanged回调传给它。

@override
Widget build(BuildContext context) {
  return DropdownButton<String>(
    key: _dropdownKey,
    value: _selectedItem,
    onChanged: _onSelectChanged,
    items: [
      DropdownMenuItem(value: 'Item 1', child: Text('Item 1')),
      DropdownMenuItem(value: 'Item 2', child: Text('Item 2')),
      DropdownMenuItem(value: 'Item 3', child: Text('Item 3')),
    ],
  );
}

最后，创建一个方法来清空DropdownButton。这个方法需要获取DropdownButton的GlobalKey，然后调用setState来触发UI重建。

void clearDropdown() {
  setState(() {
    _selectedItem = null;
  });
}

现在，每当你调用clearDropdown()方法时，DropdownButton的值将被清空并触发UI重建。

以下是完整示例代码：

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: MyDropdown(),
      ),
    );
  }
}

class MyDropdown extends StatefulWidget {
  @override
  _MyDropdownState createState() => _MyDropdownState();
}

class _MyDropdownState extends State<MyDropdown> {
  GlobalKey<_MyDropdownState> _dropdownKey = GlobalKey();
  String _selectedItem;

  void _onSelectChanged(String newValue) {
    setState(() {
      _selectedItem = newValue;
    });
  }

  void clearDropdown() {
    setState(() {
      _selectedItem = null;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        DropdownButton<String>(
          key: _dropdownKey,
          value: _selectedItem,
          onChanged: _onSelectChanged,
          items: [
            DropdownMenuItem(value: 'Item 1', child: Text('Item 1')),
            DropdownMenuItem(value: 'Item 2', child: Text('Item 2')),
            DropdownMenuItem(value: 'Item 3', child: Text('Item 3')),
          ],
        ),
        ElevatedButton(
          onPressed: clearDropdown,
          child: Text('Clear Dropdown'),
        ),
      ],
    );
  }
}

现在，当你点击"Clear Dropdown"按钮时，DropdownButton的值将被清空。