如何让openEndDrawer()响应我的自定义AppBar按钮，而不是虚构的AppBar按钮？

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: MyAppBar(),
        endDrawer: MyDrawer(),
        body: Center(
          child: Text('Hello World'),
        ),
      ),
    );
  }
}

class MyAppBar extends StatelessWidget implements PreferredSizeWidget {
  @override
  Size get preferredSize => Size.fromHeight(kToolbarHeight);

  @override
  Widget build(BuildContext context) {
    return AppBar(
      title: Text('My App'),
      actions: [
        IconButton(
          icon: Icon(Icons.menu),
          onPressed: () {
            Scaffold.of(context).openEndDrawer();
          },
        ),
      ],
    );
  }
}

class MyDrawer extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Drawer(
      child: ListView(
        children: [
          ListTile(
            title: Text('Item 1'),
            onTap: () {
              // 处理抽屉菜单项的点击事件
            },
          ),
          ListTile(
            title: Text('Item 2'),
            onTap: () {
              // 处理抽屉菜单项的点击事件
            },
          ),
        ],
      ),
    );
  }
}