Flutter开发：关于隐藏Appbar相关属性的知识点

首先来看一下Flutter的Appbar官方API的介绍，如下所示：

AppBar({

    Key key,

    this.leading,

    this.automaticallyImplyLeading = true,

    this.title,

    this.actions,

    this.flexibleSpace,

    this.bottom,

    this.elevation,

    this.shape,

    this.backgroundColor,

    this.brightness,

    this.iconTheme,

    this.actionsIconTheme,

    this.textTheme,

    this.primary = true,

    this.centerTitle,

    this.titleSpacing = NavigationToolbar.kMiddleSpacing,

    this.toolbarOpacity = 1.0,

    this.bottomOpacity = 1.0,

  })

一、隐藏Appbar的返回按钮方法

通过查看Appbar的API可以看到，Appbar隐藏返回按钮是由leading来控制的，如果直接使用把automaticallyImplyLeading属性改成false，显然去不掉返回按钮，让我们回到原始的骚操作理念，直接给leading赋值空值不就行了么，结果答案是肯定的，就是这样操作的。具体的操作以及实际效果如下所示：

二、隐藏Appbar的底部阴影效果

根据UI设计图，需要把Appbar的导航栏设置为和界面视图一样的颜色效果，一般情况下直接把Appbar的背景色设置为和界面视图相同的背景色即可，但是设置完之后的真实效果是这样的，如下所示：

为什么设置完Appbar的背景色之后还有一条线呢，通过查阅Appbar的官方API可以看到elevation这个属性是控制Appbar的阴影效果的，只需要把该属性的值改为0即可去掉Appbar底部的阴影效果，具体操作以及实际效果如下所示：

以上就是本章全部内容，欢迎关注三掌柜的微信公众号“iOS开发by三掌柜”，三掌柜的新浪微博“三掌柜666”，欢迎关注！

三掌柜的微信公众号：

三掌柜的新浪微博：