Flutter问题：showMenu无法滚动到initialValue指定选项

一、修复内置showMenu的滚动问题 #

原生showMenu的initialValue仅负责高亮目标项，但不会自动触发滚动到对应位置，可通过手动控制ScrollController实现滚动：

1. 定义ScrollController，在自定义menuBuilder中传给ListView
2. 菜单弹出后，通过addPostFrameCallback获取目标项位置并执行滚动

示例代码：

final ScrollController _groupMenuController = ScrollController();
final String _targetGroup = '我的好友群';

void _openGroupSelector() async {
  final List<String> groupList = [
    '工作群1', '工作群2', '生活群1', '我的好友群', '兴趣群1', '兴趣群2', ...
  ];

  await showMenu(
    context: context,
    position: RelativeRect.fromLTRB(20, 100, 20, 0),
    initialValue: _targetGroup,
    items: groupList.map((group) => PopupMenuItem(
      value: group,
      child: Padding(
        padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
        child: Text(group),
      ),
    )).toList(),
    menuBuilder: (context, children) {
      return SizedBox(
        height: 350,
        child: ListView(
          controller: _groupMenuController,
          padding: EdgeInsets.zero,
          children: children,
        ),
      );
    },
  );

  // 菜单弹出后滚动到目标项
  WidgetsBinding.instance.addPostFrameCallback((_) {
    final targetIndex = groupList.indexOf(_targetGroup);
    if (targetIndex != -1) {
      // 若item高度不固定，可通过key获取RenderBox计算偏移
      final double itemHeight = 48; // 适配自定义item高度
      _groupMenuController.jumpTo(targetIndex * itemHeight);
    }
  });
}

如果item高度动态变化，可给每个PopupMenuItem绑定GlobalKey，通过key.currentContext.findRenderObject()获取RenderBox，计算其在ListView中的偏移量后执行滚动。

二、替代组件包推荐 #

1. dropdown_button2 #

功能远超原生showMenu，支持自动滚动到初始选中项、自定义菜单样式、搜索过滤等，非常适合聊天APP的群组选择场景。

示例代码：

DropdownButton2(
  value: _targetGroup,
  items: groupList.map((group) => DropdownMenuItem(
    value: group,
    child: Text(group),
  )).toList(),
  onChanged: (selectedGroup) {
    // 处理选中逻辑
  },
  dropdownStyleData: const DropdownStyleData(
    maxHeight: 350,
    width: 280,
  ),
  buttonStyleData: const ButtonStyleData(
    padding: EdgeInsets.symmetric(horizontal: 16, vertical: 8),
  ),
)

2. flutter_typeahead #

若需要搜索过滤功能，该组件可实时根据输入过滤群组，同时自动滚动到匹配项，提升用户选择效率。

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