如何禁用 DropdownMenu<T> 类中的文本编辑？

Question

是否可以禁用 DropdownMenu 类的用户自由文本编辑功能（即下拉字段是只读的）

  DropdownMenu(
            width: maxWidth,
            initialSelection: state.current,
            dropdownMenuEntries: options.map(
              (e) {
                return DropdownMenuEntry(
          
                  value: e,
                  label: e.name ?? "",
                  labelWidget: SizedBox(
                    width: size.width,
                    child: Text(
                      e.name ?? "",
                    ),
                  ),
                );

Answer 1

要在下拉选择中禁用文本编辑，只需将 DropdownMenu 小部件替换为 DropdownButton。这将允许用户从预定义列表中选择一个选项，而无法直接编辑文本。

这是官方文档，其中包含两者的示例：

• 下拉菜单示例：（点击官方示例）
• DropdownButton 示例：（点击官方示例）

这是例子：

DropdownButton(
  value: state.current,
  onChanged: (newValue) {
    // Handle selection change
  },
  items: options.map((e) {
    return DropdownMenuItem(
      value: e,
      child: SizedBox(
        width: size.width,
        child: Text(e.name ?? ""),
      ),
    );
  }).toList(),
)