首先来看一下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”,欢迎关注!
三掌柜的微信公众号:
三掌柜的新浪微博: