【问题标题】:How to show both drawer button and back button in Flutter app?如何在 Flutter 应用程序中同时显示抽屉按钮和后退按钮?
【发布时间】:2023-03-19 02:38:02
【问题描述】:

为了在深度导航中更快地导航到根页面,后退和抽屉图标按钮都需要在AppBar 中显示。

如何在 Flutter 应用中做到这一点?

【问题讨论】:

    标签: navigation-drawer back flutter appbar


    【解决方案1】:

    用 Row 包裹你的工具栏小部件

    ....
    Row toolbar = new Row(
      children: <Widget>[
        new Icon(Icons.arrow_back),
        new Icon(Icons.menu),
        new Expanded(child: new Text(widget.title)),
        new Icon(Icons.arrow_forward)
      ]
    );
    
    return new Scaffold(
      appBar: new AppBar(
        title: toolbar,
      ),
    ....
    

    这是结果

    【讨论】:

    • 谢谢,但是如何恢复默认的AppBar?事实上,返回按钮和菜单按钮在默认的 AppBar 设置中是自动的。现在看来,所有定制和需要添加功能和可能丢失的功能,如 pin、float、标题行为。
    • 混合不同形式的导航存在问题。这三个(堆栈、选项卡和抽屉)都是兼容的,但不是自然的。
    猜你喜欢
    • 1970-01-01
    • 2019-12-19
    • 2020-06-04
    • 2015-04-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-04-13
    • 1970-01-01
    相关资源
    最近更新 更多