如何在抽屉上方上方显示应用栏?

时间:2019-07-27 11:53:59

标签: flutter navigation-drawer

伙计们,我正在尝试开发一种Flutter应用程序,在该应用程序中,我希望导航抽屉位于应用程序栏的下方,并且我还希望在用户单击后更改抽屉图标。如果有人知道解决方案,请帮助我这个。预先感谢。

1 个答案:

答案 0 :(得分:0)

默认情况下,抽屉显示在整个UI上方(隐藏应用栏),这也是Material Design specs所要说明的。但是,如果您确实想要实现这一目标,则可以使用以下代码来达到类似的效果:

  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      drawer: Drawer(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: <Widget>[
            AppBar(
              leading: IconButton(
                icon: Icon(Icons.close),
                onPressed: () {
                  Navigator.pop(context);
                },
              ),
            ),
            ListTile(title: Text('Item 1')),
          ],
        ),
      ),
      body: Center(
        child: Text('Body'),
      ),
    );
  }

是这样的: demo