Flutter appBar后退按钮不出现

Posted 2023-02-23

【中文标题】Flutter appBar后退按钮不出现

【英文标题】：Flutter appBar Backbutton doesn't appear

【发布时间】：2018-02-08 19:00:01

【问题描述】：

我已成功导航到新文件中的类，但现在我的 appBar 上没有返回按钮。这是我在 main.dart 中的导航...

new RaisedButton(
                onPressed: () 
                  Navigator.pushNamed(context, '/searchpage');
                ,

这是我的 SearchPage appBar..

class SearchPageState extends State<SearchPage> 
  @override
  Widget build(BuildContext context) 
    return new MaterialApp(
        routes: <String, WidgetBuilder>
          '/loginpage': (BuildContext context) => new Login.LoginPage(),
          '/mainpage': (BuildContext context) => new Main.MyApp(),
        ,
        home: new Scaffold(
      appBar: new AppBar(
        title: new Text(
          "Search",
          style: new TextStyle(fontWeight: FontWeight.bold),
        ),
      ),

【问题讨论】：

检查附加链接中的 Sameh Khemira 答案。 ***.com/a/60097799/17211037

【参考方案1】：

您的应用根目录中应该只有一个MaterialApp。每个MaterialApp 都会创建自己的Navigator，并且导航堆栈上存在多个路由是导致隐式返回按钮出现在AppBar 的leading 槽中的原因。

【讨论】：

谢谢，真的很有帮助！它通过在子页面小​​部件中返回一个 Scaffold 而不是在新的 MaterialApp 中具有它来工作。

【参考方案2】：

从页面中删除NavigationDrawer，您需要看到返回按钮。 如果您的页面指定了 NavigationDrawer，则将显示汉堡菜单而不是返回按钮。