dart - 如何更改showMenu下PopupMenuItem的背景颜色?

原文 标签 dart flutter

我不使用PopupMenuButton。

因为在我的情况下,showMenu更合适。

onLongPress: () => _onRoomLongPressed(context, _tappedPosition, model, room),
void _onRoomLongPressed(BuildContext context, Offset tappedPosition,
    RoomsModel model, Room room) {
  final RenderBox overlay = Overlay.of(context).context.findRenderObject();

  showMenu(
    context: context,
    position: RelativeRect.fromRect(
        tappedPosition & Size.zero, Offset.zero & overlay.size),
    items: [
      PopupMenuItem(
        value: 'delete',
        child: Text('delete'),
      ),
    ],
  ).then((String value) {
    switch (value) {
      case 'delete':
        model.remove(room);
        break;
    }
  });
}

不要更改MaterialApp()的主题。

我希望PopupMenuItem的背景颜色为白色,而Text的颜色为黑色。

最佳答案

您需要将可打开菜单的小部件包装在Builder中,并将Theme作为此Builder的父级。这是使您前进的代码。

@override
Widget build(BuildContext context) {
  return Theme(
    data: Theme.of(context).copyWith(
      cardColor: Colors.white,
      textTheme: Theme.of(context).textTheme.apply(bodyColor: Colors.black),
    ),
    child: Builder(
      builder: (context) {
        return RaisedButton(
          child: Text("Show menu"),
          onPressed: () {
            showMenu(
              context: context,
              position: RelativeRect.fromLTRB(0, 100, 0, 0),
              items: [
                PopupMenuItem(child: Text("Item 0"), value: 0),
                PopupMenuItem(child: Text("Item 1"), value: 1),
                PopupMenuItem(child: Text("Item 2"), value: 2),
              ],
            );
          },
        );
      },
    ),
  );
}

enter image description here

关于dart - 如何更改showMenu下PopupMenuItem的背景颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55476915/

相关文章:

flutter - Flutter:访问另一个类/文件中的函数

flutter - 如何在flutter中删除文本字段光标气泡

gradle - 评估项目 ':app' 时出现问题。 > 路径不能为空或空字符串。路径 ='null'

android - 如何解决抖动中的超链接错误? (它只显示白屏)

flutter - flutter 中的共享首选项在发布时出错

flutter - 如何在有条件的情况下调用提供者?

dart - 导航到其他页面

dart - 在flutter中更改日期时间格式,使其仅保留日期

installation - "flutter: command not found"在 ubuntu

dart - 完全控制 PaperInput 验证