Flutter如何通过点击其他部件触发打开DropdownButton下拉菜单

1. 修正GlobalKey的定义类型 #

多数过往方案失效都是因为key的泛型类型不匹配，必须和你的DropdownButton的value类型严格对应，你这里用的是String类型的下拉值，所以key定义如下：

final GlobalKey<DropdownButtonState<String>> dropdownKey = GlobalKey();

2. 在目标部件的点击事件中调用下拉打开方法 #

你要触发打开下拉的任意部件（比如按钮、卡片等）的onTap/onPressed回调中加入如下代码即可：

onPressed: () {
  if (dropdownKey.currentState != null) {
    // 该方法会自动切换下拉菜单的展开/收起状态，调用一次即展开
    dropdownKey.currentState!.toggle();
  }
}

低版本Flutter兼容方案 #

如果你使用的是3.10以下的Flutter版本，toggle方法未公开，可使用以下扩展方法实现调用：

// 定义扩展
extension OpenDropdown on GlobalKey<DropdownButtonState<String>> {
  void forceOpen() {
    final state = currentState;
    if (state == null) return;
    state.isExpanded = true;
    // 手动触发状态更新
    // ignore: invalid_use_of_protected_member
    state.setState(() {});
  }
}

// 调用方式
onPressed: () => dropdownKey.forceOpen(),

注意：低版本方案使用了受保护的成员调用，更推荐升级到Flutter 3.10及以上版本使用官方公开的toggle方法，稳定性更高。

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