Flutter：如何从其他小部件调用 openDrawer

Question

问：我想从 Header.dart 的 onPressed() 调用 openDrawer

抽屉.dart、Header.dart和Home.ZBB14127678960FAE157D873950EA文件是分开的。

我试过Scaffold.of(context).openDrawer(); 没用。

我尝试使用cotroller但它不起作用。 也许它没有以正确的方式使用。

我会很感激你能给我的任何建议。

代码：

代码被省略。

class Home extends StatefulWidget {
  const Home({Key? key}) : super(key: key);

  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: Header('App'),
      endDrawer: Menu(),
    )}}

class Header extends StatefulWidget implements PreferredSizeWidget {
  const Header(this.heading, {Key? key});
  final String heading;
  @override
  Size get preferredSize => const Size.fromHeight(kToolbarHeight);

  @override
  State<Header> createState() => _HeaderState(heading);
}

class _HeaderState extends State<Header> {
  _HeaderState(this.heading);

  final String heading;

  @override
  Widget build(BuildContext context) {
    return AppBar(
      centerTitle: false,
      actions: <Widget>[
        IconButton(
          icon: const Icon(Icons.menu, size: 30.0),
          tooltip: '',
          onPressed: () {
            // _key.currentState!.openDrawer();
          },
        ),]
    );
  }
}

class Menu extends StatelessWidget {
  const Menu({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Drawer()
}

Answer 1

您使用的是末端抽屉，因此您应该使用Scaffold.of(context).openEndDrawer()而不是Scaffold.of(context).openDrawer() (context).openDrawer() ：

class _HeaderState extends State<Header> {
  _HeaderState(this.heading);

  final String heading;

  @override
  Widget build(BuildContext context) {
    return AppBar(
      centerTitle: false,
      actions: <Widget>[
        IconButton(
          icon: const Icon(Icons.menu, size: 30.0),
          tooltip: '',
          onPressed: () {
            Scaffold.of(context).openEndDrawer();
          },
        ),]
    );
  }
}

---

旁注：您不需要将arguments从StatefulWidget传递到State - State的每个实例都有一个widget属性，您可以使用它来访问小部件的父属性。

在您的情况下，它看起来像：

class Header extends StatefulWidget implements PreferredSizeWidget {
  const Header(this.heading, {Key? key});

  final String heading;

  @override
  Size get preferredSize => const Size.fromHeight(kToolbarHeight);

  @override
  State<Header> createState() => _HeaderState();
}

class _HeaderState extends State<Header> {
  @override
  Widget build(BuildContext context) {
    return AppBar(
      centerTitle: false,

      // Assuming this is what the heading argument is for
      title: Text(widget.heading), 

      actions: <Widget>[
        IconButton(
          icon: const Icon(Icons.menu, size: 30.0),
          tooltip: '',
          onPressed: () {
            Scaffold.of(context).openEndDrawer();
          },
        ),
      ],
    );
  }
}