【问题标题】:How to remove the hamburger button from a flutter drawer?如何从颤振抽屉中移除汉堡按钮?
【发布时间】:2018-08-08 14:57:36
【问题描述】:

我已经 seemexamples 了解如何在 Flutter 中设置抽屉(return new Scaffold(drawer: new Drawer( ... )return new Scaffold(endDrawer: new Drawer( ... ))。

如何移除顶部的汉堡包按钮(这样您只能通过从侧面滑动(或通过应用程序中的自定义按钮 - 我知道该怎么做)来获得抽屉)?

【问题讨论】:

    标签: flutter


    【解决方案1】:

    AppBar中需要做如下隐藏默认渲染的汉堡图标

    AppBar(
      automaticallyImplyLeading: false, // this will hide Drawer hamburger icon
      actions: <Widget>[Container()],   // this will hide endDrawer hamburger icon
      ... // other props
    ),
    

    并在 SilverAppBar 中执行以下操作以隐藏默认呈现的汉堡图标

    SilverAppBar(
      automaticallyImplyLeading: false, // this will hide Drawer hamburger icon
      actions: <Widget>[Container()],   // this will hide endDrawer hamburger icon
      ... // other props
    }
    

    我希望这会有所帮助...

    【讨论】:

      【解决方案2】:

      只需将AppBar 中的leading 属性设置为空的Container

      appBar: new AppBar(
                leading: new Container(),
          ....
      

      为了删除endDrawer(用于RtL)。它位于action 属性所在的位置,因此也只需添加一个空的Container 作为childchild 属性

      appBar: new AppBar(
              actions: <Widget>[
                new Container(),
              ],
      .....
      

      【讨论】:

      • 删除左侧按钮。我应该如何删除右侧按钮?
      • 覆盖action属性,检查答案。
      • 在将 new Container() 设置为领先后,它仍然占用一些空间(空框)。结果,'title'之前会有一个空白。要删除它,请参阅下面的答案。
      【解决方案3】:
      【解决方案4】:

      对于普通抽屉,您应该将https://docs.flutter.io/flutter/material/AppBar/automaticallyImplyLeading.html 设置为 false。

      对于末端抽屉,您应该执行以下操作:

      actions: [Container()]
      

      【讨论】:

      • 谢谢!在SliverAppBar 上将automaticallyImplyLeading 设置为false 对我有用。
      【解决方案5】:

      如果您将AppBar() 小部件堆叠在SliverAppBar() 的顶部,您只需在SliverAppBar() 小部件中执行automaticallyImplyLeading: false

      这将从AppBar 中删除汉堡图标。

      顺便问一下,为什么会这样?谁能告诉我?

      没听懂……

      【讨论】:

        【解决方案6】:

        只需将此添加到您的 Appbar automaticallyImplyLeading: false,

        【讨论】:

          猜你喜欢
          • 2023-02-13
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2019-05-19
          • 2016-02-02
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多