Flutter中如何为弹出菜单（PopupMenu）的每个项设置背景色？

直接用Container包裹ListTile无法填满项容器，核心原因是PopupMenuItem默认带有内边距，同时ListTile自身也有默认的padding和间距，你可以通过以下几种方式解决：

方法1：移除PopupMenuItem内边距 + 自定义Container背景 #

给PopupMenuItem设置padding: EdgeInsets.zero移除默认内边距，再用Container包裹内容并设置背景色，确保宽度铺满：

PopupMenuButton<String>(
  itemBuilder: (BuildContext context) {
    return <PopupMenuEntry<String>>[
      PopupMenuItem<String>(
        value: 'option1',
        padding: EdgeInsets.zero, // 清除默认内边距
        child: Container(
          color: Colors.red[50], // 设置项背景色
          width: double.infinity, // 强制宽度铺满
          child: ListTile(
            leading: Icon(Icons.delete),
            title: Text('Delete'),
            contentPadding: EdgeInsets.symmetric(horizontal: 16), // 手动调整内部边距
          ),
        ),
      ),
      PopupMenuDivider(),
      PopupMenuItem<String>(
        value: 'option2',
        padding: EdgeInsets.zero,
        child: Container(
          color: Colors.blue[50],
          width: double.infinity,
          child: ListTile(
            leading: Icon(Icons.edit),
            title: Text('Edit'),
            contentPadding: EdgeInsets.symmetric(horizontal: 16),
          ),
        ),
      ),
      PopupMenuItem<String>(
        value: 'option3',
        padding: EdgeInsets.zero,
        child: Container(
          color: Colors.green[50],
          width: double.infinity,
          child: ListTile(
            leading: Icon(Icons.share),
            title: Text('Share'),
            contentPadding: EdgeInsets.symmetric(horizontal: 16),
          ),
        ),
      ),
    ];
  },
  onSelected: (String value) {
    switch (value) {
      case 'option1':
        // 处理删除操作
        break;
      case 'option2':
        // 处理编辑操作
        break;
      case 'option3':
        // 处理分享操作
        break;
    }
  },
)

方法2：直接使用ListTile的tileColor属性 #

如果不需要复杂的容器布局，也可以直接利用ListTile自带的tileColor属性，搭配移除PopupMenuItem的内边距：

PopupMenuItem<String>(
  value: 'option1',
  padding: EdgeInsets.zero,
  child: ListTile(
    tileColor: Colors.red[50], // 直接设置ListTile背景色
    leading: Icon(Icons.delete),
    title: Text('Delete'),
    contentPadding: EdgeInsets.symmetric(horizontal: 16),
  ),
)

方法3：全局统一设置PopupMenu样式（可选） #

如果需要所有PopupMenu都使用统一的背景风格，可以通过Theme自定义全局样式：

Theme(
  data: Theme.of(context).copyWith(
    popupMenuTheme: PopupMenuThemeData(
      color: Colors.grey[100], // 全局菜单背景色
    ),
  ),
  child: PopupMenuButton<String>(
    // 你的菜单代码
  ),
)

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