flutter - 显示后退按钮而不是抽屉按钮 - flutter

Question

我有一个使用 Material 设计的 Flutter 项目，当我浏览路线时，应用栏将显示后退按钮。最近刚在自己的项目中实现了一个抽屉，抽屉图标覆盖了后退图标。我基本上想撤消此操作，为某些屏幕显示后退按钮，并为其他屏幕显示菜单按钮，就像我定义具有 showIcon: false 属性的抽屉一样？我明白了 post是一个类似的问题，但没有显示问题或解决方案的代码......我的抽屉看起来像这样:

return Scaffold(
  //appbar is here
  appBar: AppBar(
    title: Text("Title"),
  ),
  drawer: drawer,
  body: _buildBody(),
);

我在这里定义抽屉:

var drawer = Drawer(
  child: ListView(
    padding: EdgeInsets.zero,
    children: <Widget>[
      //My listTiles and UserAccountsDrawerHeader are removed for simplicity
    ],
  ),
);

感谢您的帮助。

Answer 1

简答:

AppBar(
  leading: IconButton(
    onPressed: () {}, // Handle your on tap here.
    icon: Icon(Icons.arrow_back_ios),
  ),
)

---

截图:

完整代码:

void main() => runApp(MaterialApp(home: MyPage()));

class MyPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Center(
        child: Column(
          children: <Widget>[
            ElevatedButton(
              onPressed: () => Navigator.push(context, MaterialPageRoute(builder: (_) => Page1())),
              child: Text("Go to Drawer Page"),
            ),
            ElevatedButton(
              onPressed: () => Navigator.push(context, MaterialPageRoute(builder: (_) => Page2())),
              child: Text("Go to Back button Page"),
            ),
          ],
        ),
      ),
    );
  }
}

// This has drawer
class Page1 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      drawer: Drawer(),
    );
  }
}


// This has back button and drawer
class Page2 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        leading: IconButton(
          icon: Icon(Icons.arrow_back),
          onPressed: () => Navigator.pop(context),
        ),
      ),
      drawer: Drawer(),
    );
  }
}