如何在下拉列表中更改Flutter DropdownMenuItem的宽度/填充？

在Flutter中，可以通过自定义DropdownMenuItem的外观来更改其宽度或填充。下面是一种常见的方法：

创建一个自定义的DropdownMenuItem组件，继承自DropdownMenuItem类。

class CustomDropdownMenuItem<T> extends DropdownMenuItem<T> {
  final double width; // 自定义宽度

  CustomDropdownMenuItem({
    required T value,
    required Widget child,
    this.width = 100, // 默认宽度为100
  }) : super(
          value: value,
          child: child,
        );

  @override
  Widget build(BuildContext context) {
    return Container(
      width: width,
      child: child,
    );
  }
}

在DropdownButton的items属性中使用自定义的DropdownMenuItem。

DropdownButton(
  value: selectedValue,
  onChanged: (newValue) {
    setState(() {
      selectedValue = newValue;
    });
  },
  items: [
    CustomDropdownMenuItem<String>(
      value: 'Option 1',
      child: Text('Option 1'),
      width: 120, // 自定义宽度为120
    ),
    CustomDropdownMenuItem<String>(
      value: 'Option 2',
      child: Text('Option 2'),
      width: 80, // 自定义宽度为80
    ),
    // 其他DropdownMenuItem...
  ],
)

通过自定义DropdownMenuItem并设置其宽度，你可以更改下拉列表中每个选项的宽度或填充。这在需要不同宽度的下拉选项时非常有用，例如显示不同长度的文本或图标。

腾讯云相关产品和产品介绍链接地址：