Flutter - 我如何從嵌套的腳手架訪問抽屜

Question

此父底部導航欄

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),
      ),
    );
  }
}

現在在屏幕 1 上，我想打開 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'),
        ),
      ),
    );
  }
}

如何從屏幕 1 打開抽屜？

Answer 1

請檢查以下代碼。 有BottomNavigationBar和Drawer （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"),
      ]),
    );

Answer 2

更好地使用：

Scaffold.of(context).openDrawer();