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/

相关文章:

dart - 高程不适用于 flutter Material

user-interface - 没有互联网连接时如何显示 snackbar ?

flutter - 如何创建像 Print 这样的全局函数?

flutter - 警报对话框内的 ListView 显示空的透明窗口

dart - 如何在 Dart 中使用格式良好的箭头函数?

flutter - 如何在 Flutter 中设置默认选中的单选按钮?

flutter - 如何将延迟加载添加到此列表?

flutter - 如何具有动态容器大小

dart - Dart 中的异步/ future 错误处理未按预期工作

xml - 如何在 dart/flutter 中获取节点的文本