Flutter - How do i access the Drawer from a nested Scaffold

Question

This parent Bottom Navigation bar

import 'package:flutter/material.dart';

class BottomNavigation extends StatefulWidget {
  BottomNavigation({
    Key? key,
  }) : super(key: key);
  @override
  _BottomNavigationState createState() => _BottomNavigationState();
}

class _BottomNavigationState extends State<OARBottomNavigation> {
  int _selectedIndex = 0;
  List<Widget> _widgetOptions = [
    Screen1(),
    Screen2(),
  ];

  void _onItemTapped(int index) {
    setState(() {
      _selectedIndex = index;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      drawer: SideDrawer(),
      bottomNavigationBar: BottomNavigationBar(
        type: BottomNavigationBarType.fixed,
        items: const <BottomNavigationBarItem>[
          BottomNavigationBarItem(
            icon: Icon(Icons.assignment_turned_in),
            label: 'Screen 1',
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.people),
            label: 'Screen 2',
          ),
   
        ],
        currentIndex: _selectedIndex,
        onTap: _onItemTapped,
      ),
      body: Scaffold(
        body: _widgetOptions.elementAt(_selectedIndex),
      ),
    );
  }
}

Now on Screen 1 I want to open the Drawer().

import 'package:flutter/material.dart';

class Screen1 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Screen 1 Title'),
      ),
      body: Container(
        child: Text('This is Screen 1'),
        ),
      ),
    );
  }
}

How can I open the Drawer from Screen 1?

If i do that it appears behind that bottom navigation. I want to appear on top of the bottom navigation. — Millenial2020, May 12 '21 at 19:05
https://stackoverflow.com/questions/61234225/how-to-make-flutter-drawer-above-bottom-navigation — MobIT, May 12 '21 at 19:20
I looked into that link earlier and I don't see anything that I'm not doing. — Millenial2020, May 12 '21 at 19:48

score 0 · Answer 1 · answered Apr 24 '22 at 19:18

0

Better use:

Scaffold.of(context).openDrawer();

answered Apr 24 '22 at 19:18

ax1mx2

654
1
11
23

score -2 · Answer 2 · answered May 12 '21 at 20:17

Please check the following code. There are BottomNavigationBar and Drawer(top of the BottomNavigationBar)

return Scaffold(
      appBar: AppBar(),
      drawer: Drawer(
        child: Container(
          color: Colors.red,
          child: ListView.builder(
            itemBuilder: (context, index) {
              return ListTile(
                title: InkWell(
                  onTap: () {},
                  child: Text(
                    index.toString(),
                  ),
                ),
              );
            },
            itemCount: 3,
          ),
        ),
      ),
      bottomNavigationBar: BottomNavigationBar(items: [
        BottomNavigationBarItem(icon: Icon(Icons.home), label: "Home"),
        BottomNavigationBarItem(icon: Icon(Icons.settings), label: "Settings"),
      ]),
    );

Flutter - How do i access the Drawer from a nested Scaffold

2 Answers2