Flutter, How To make Button to open drawer in Flutter

Question

I trying make a button for open my drawer, but i can't, this my first time using flutter

my running ui

Flutter UI

  return Scaffold(

  drawer: Drawer(),
  body: Column(
    children: <Widget>[
      ClipPath(
        clipper: MyClipper(),
        child: Container(
          height: 350,
          width: double.infinity,
          decoration: BoxDecoration(
            gradient: LinearGradient(
                begin: Alignment.topRight,
                end: Alignment.bottomLeft,
                colors: [
                  Color(0xFF3383CD),
                  Color(0xFF11429F),
                ]),
          ),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: <Widget>[
              const SizedBox(height: 12),
              IconButton(
                icon: const Icon(
                  Icons.add, size: 18,
                  color: Colors.white,
                  ),
                onPressed: () {
                  Scaffold.of(context).openDrawer();
                },
              ),

Does this answer your question? [Open drawer on clicking AppBar](https://stackoverflow.com/questions/47435231/open-drawer-on-clicking-appbar) — Vitor, Aug 26 '20 at 18:23

score 6 · Accepted Answer · answered Aug 26 '20 at 18:51

The best way to do this is using GlobalKey.

Define a GlobalKey for ScaffoldState for your widget.

GlobalKey<ScaffoldState> scaffolKey = GlobalKey<ScaffoldState>();
Assign this key to the Scaffold.

Scaffold( key: scaffoldKey, ....)

Call Opendrawer using this key from the button's onPressed call.

FlatButton(onPressed: () { scaffoldKey.currentState.openDrawer(); })

Flutter, How To make Button to open drawer in Flutter

1 Answers1