如何判断Flutter中DropdownButton当前处于展开还是收起状态？

首先明确：selectedItemBuilder的作用是自定义下拉按钮选中项的渲染样式，并非用于监听展开状态，所以你之前的用法方向有误。下面提供两种可靠的实现方案：

方案一：通过GlobalKey结合反射获取系统维护的状态（精准） #

Flutter的DropdownButtonState内部维护了_isExpanded私有属性来标记展开状态，我们可以通过GlobalKey获取状态对象，再用反射读取该属性并监听变化：

class DropdownExpandedTracker extends StatefulWidget {
  @override
  _DropdownExpandedTrackerState createState() => _DropdownExpandedTrackerState();
}

class _DropdownExpandedTrackerState extends State<DropdownExpandedTracker> {
  final _dropdownKey = GlobalKey<DropdownButtonState<String>>();
  bool _isDropdownExpanded = false;
  String? _selectedOption;
  final _options = ['选项A', '选项B', '选项C'];

  @override
  void initState() {
    super.initState();
    // 监听状态变化
    _dropdownKey.currentState?.addListener(_updateExpandedState);
    // 初始帧后获取初始状态
    WidgetsBinding.instance.addPostFrameCallback((_) => _updateExpandedState());
  }

  void _updateExpandedState() {
    final state = _dropdownKey.currentState;
    if (state == null) return;
    
    // 反射读取私有属性_isExpanded
    final field = state.runtimeType.declaredFields.firstWhere((f) => f.name == '_isExpanded');
    setState(() {
      _isDropdownExpanded = field.get(state) as bool;
    });
    print("下拉框状态：${_isDropdownExpanded ? '已展开' : '已收起'}");
  }

  @override
  void dispose() {
    _dropdownKey.currentState?.removeListener(_updateExpandedState);
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("Dropdown状态监听")),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text("当前状态：${_isDropdownExpanded ? '展开' : '收起'}"),
            DropdownButton<String>(
              key: _dropdownKey,
              value: _selectedOption,
              items: _options.map((opt) => DropdownMenuItem(value: opt, child: Text(opt))).toList(),
              onChanged: (val) => setState(() => _selectedOption = val),
            ),
          ],
        ),
      ),
    );
  }
}

注意：这种方式依赖Flutter内部私有属性，若后续版本更新修改了该属性名，代码会失效，需注意版本兼容性。

方案二：手动维护展开状态（无依赖，更安全） #

如果不想依赖私有属性，可以自己维护状态，覆盖所有可能触发下拉框关闭的场景：

class DropdownExpandedTracker extends StatefulWidget {
  @override
  _DropdownExpandedTrackerState createState() => _DropdownExpandedTrackerState();
}

class _DropdownExpandedTrackerState extends State<DropdownExpandedTracker> {
  bool _isDropdownExpanded = false;
  String? _selectedOption;
  final _options = ['选项A', '选项B', '选项C'];

  @override
  Widget build(BuildContext context) {
    // 点击空白处关闭下拉框并更新状态
    return GestureDetector(
      onTap: () {
        if (_isDropdownExpanded) {
          setState(() => _isDropdownExpanded = false);
          FocusScope.of(context).unfocus();
        }
      },
      child: Scaffold(
        appBar: AppBar(title: const Text("Dropdown状态监听")),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text("当前状态：${_isDropdownExpanded ? '展开' : '收起'}"),
              DropdownButton<String>(
                value: _selectedOption,
                items: _options.map((opt) => DropdownMenuItem(value: opt, child: Text(opt))).toList(),
                // 点击按钮时切换展开状态
                onTap: () => setState(() => _isDropdownExpanded = !_isDropdownExpanded),
                // 选中选项后收起下拉框
                onChanged: (val) {
                  setState(() {
                    _selectedOption = val;
                    _isDropdownExpanded = false;
                  });
                },
              ),
            ],
          ),
        ),
      ),
    );
  }
}

这种方式兼容性更强，但需要额外处理一些边界情况，比如按设备返回键关闭下拉框时，需要配合WillPopScope来更新状态。

内容的提问来源于stack exchange，提问作者Nikoloz Miruashvili