如何在showMenu下改变PopupMenuItem的背景色？

在Flutter中，可以通过自定义PopupMenuItem的child属性来改变其背景色。具体步骤如下：

创建一个PopupMenuButton，并将其onSelected属性设置为一个回调函数，用于处理选择菜单项后的操作。

PopupMenuButton(
  onSelected: (value) {
    // 处理选择菜单项后的操作
  },
  itemBuilder: (BuildContext context) {
    return [
      PopupMenuItem(
        value: 1,
        child: Text('菜单项1'),
      ),
      PopupMenuItem(
        value: 2,
        child: Text('菜单项2'),
      ),
    ];
  },
)

在回调函数中，可以根据选择的值来改变菜单项的背景色。可以使用StatefulWidget来管理菜单项的状态。

class MyPopupMenu extends StatefulWidget {
  @override
  _MyPopupMenuState createState() => _MyPopupMenuState();
}

class _MyPopupMenuState extends State<MyPopupMenu> {
  int selectedValue;

  @override
  Widget build(BuildContext context) {
    return PopupMenuButton(
      onSelected: (value) {
        setState(() {
          selectedValue = value;
        });
      },
      itemBuilder: (BuildContext context) {
        return [
          PopupMenuItem(
            value: 1,
            child: Container(
              color: selectedValue == 1 ? Colors.blue : null,
              child: Text('菜单项1'),
            ),
          ),
          PopupMenuItem(
            value: 2,
            child: Container(
              color: selectedValue == 2 ? Colors.blue : null,
              child: Text('菜单项2'),
            ),
          ),
        ];
      },
    );
  }
}

在上述代码中，通过判断selectedValue的值来决定菜单项的背景色是否为蓝色。

将MyPopupMenu添加到需要显示菜单的位置。

showMenu(
  context: context,
  position: RelativeRect.fromLTRB(100, 100, 0, 0),
  items: [
    PopupMenuItem(
      child: MyPopupMenu(),
    ),
  ],
);

通过调用showMenu方法，并将MyPopupMenu作为菜单项添加到items中，即可在指定位置显示菜单。

这样，当选择菜单项时，选中的菜单项将会有不同的背景色。你可以根据实际需求自定义菜单项的样式和背景色。

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