title: How to add drawer in bottom navigation bar in flutter?
body: <p>I want to show a drawer when user clicks on the 4th(<code>more_vert</code>) icon, but I am not able to implement it. In my current implementation when 4th icon is clicked flutter takes me to a new page and there shows the drawer not over the current screen as it should. What am I doing wrong ? Also what is the differnce between BottomNavigationBar and BottomAppBar I could not find the difference anywhere. I checked out a few articles and it I think BottomAppBar is used to show the Fab floating in the bottom appbar. Is there any other difference between the two and when should one use one over the other. </p>
  
  <pre><code>class Home extends StatefulWidget {
    @override
    _HomeState createState() =&gt; _HomeState();
  }
  
  class _HomeState extends State&lt;Home&gt; {
    List&lt;Widget&gt; _widgetOptions = &lt;Widget&gt;[
      Page1(),
      Page2(),
      Page3(),
      Page4(),   // this page implements the drawer
  
    ];
    int _currentSelected = 0;
  
    void _onItemTapped(int index) {
      setState(() {
        _currentSelected = index;
      });
    }
  
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        body: _widgetOptions.elementAt(_currentSelected),
        bottomNavigationBar: BottomNavigationBar(
          type: BottomNavigationBarType.fixed,
          onTap: _onItemTapped,
          currentIndex: _currentSelected,
          showUnselectedLabels: true,
          unselectedItemColor: Colors.grey[800],
          selectedItemColor: Color.fromRGBO(10, 135, 255, 1),
          items: &lt;BottomNavigationBarItem&gt;[
            BottomNavigationBarItem(
               icon: Icon(AntDesign.carryout),
            ),
            BottomNavigationBarItem(
               icon: Icon(MaterialCommunityIcons.sack),
            ),
            BottomNavigationBarItem(
               icon: Icon(Octicons.archive),
            ),
            BottomNavigationBarItem(
               icon: Icon(Icons.more_vert),
            )
          ],
        ),
        // backgroundColor: Colors.black,
      );
    }
  }
  </code></pre>