如何防止 selectedItemBuilder 向上移动文本

Sta*_*low 2 user-interface drop-down-menu flutter

使用 a DropdownButton,我需要所选项目的颜色与点击按钮时出现的下拉菜单中的项目列表的颜色不同。根据Flutter 文档,我应该使用selectedItemBuilder. 正如文档中的示例所示,使用selectedItemBuilder结果时所选文本向上移动,这看起来不太好。

下拉列表中的所选项目向上移动

如何使所选项目与下拉图标一致,同时菜单项和所选项目具有单独的颜色?

Sta*_*low 8

我发现这是GitHub 上的一个开放问题。一种解决方法是将构建器返回的小部件(如果hint有的话)包装在Center小部件中。

DropdownButton<String>(
  selectedItemBuilder: (_) {
    return items.map<Widget>((String item) {
      return Center(
        child: Text(item),
      );
    }).toList();
  },
  hint: Center(child: myHintWidget),

  ...

Run Code Online (Sandbox Code Playgroud)