title: Flutter dropdown menu with ListTiles and row of Buttons
body: <p>I'm trying to build out a custom dropdown menu that looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/mxBPc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mxBPc.png" alt="Goal Dropdown UI"></a></p>
  
  <p>I've managed to implement the <code>ListTiles</code> and <code>Row</code> of <code>Buttons</code> without the dropdown, but I'm not sure how to nest all of that within a dropdown menu class. This is what I've got so far:</p>
  
  <p><a href="https://i.stack.imgur.com/LE3W0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LE3W0.png" alt="Current Dropdown UI"></a></p>
  
  <pre><code>class HomePage extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        drawer: Drawer(),
        body: SizedBox.expand(
          child: SingleChildScrollView(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: &lt;Widget&gt;[
                ListTile(
                  onTap: () {},
                  leading: CircleAvatar(backgroundColor: Colors.primaries[0]),
                  title: Text('All Circles'),
                ),
                Divider(color: Colors.grey.shade400, indent: 72.0, height: 1.0),
                ListTile(
                  onTap: () {},
                  leading: CircleAvatar(backgroundColor: Colors.primaries[1]),
                  title: Text('Pickup'),
                ),
                Divider(color: Colors.grey.shade400, indent: 72.0, height: 1.0),
                ListTile(
                  onTap: () {},
                  leading: CircleAvatar(backgroundColor: Colors.primaries[2]),
                  title: Text('Kappa Delta'),
                ),
                Divider(color: Colors.grey.shade400, indent: 72.0, height: 1.0),
                ListTile(
                  onTap: () {},
                  leading: CircleAvatar(backgroundColor: Colors.primaries[3]),
                  title: Text('Ok Boomer'),
                ),
                Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: &lt;Widget&gt;[
                    RaisedButton(
                      child: Text("Join a Circle"),
                      color: Color(0xffb74093),
                      shape: RoundedRectangleBorder(
                        borderRadius: new BorderRadius.circular(18.0),
                        side: BorderSide(color: Colors.red),
                      ),
                    ),
                    RaisedButton(
                      child: Text("Create a Circle"),
                      color: Colors.red,
                      textColor: Colors.white,
                      shape: RoundedRectangleBorder(
                        borderRadius: new BorderRadius.circular(18.0),
                        side: BorderSide(color: Colors.red),
                      ),
                    ),
                  ],
                ),
              ],
            ),
          ),
        ),
      );
    }
  }
  </code></pre>