从Flutter中的脚手架AppBar中删除阴影?

时间:2018-02-27 17:56:17

标签: flutter

在Flutter中使用Scaffold小部件时,有没有办法删除应用栏(AppBar类)下的投影?

4 个答案:

答案 0 :(得分:46)

查看AppBar构造函数,有一个提升属性,可用于设置应用栏的高度,从而设置阴影投射量。将此值设置为零将删除投影:

    @override
    Widget build(BuildContext context) {
        return new Scaffold(
            appBar: new AppBar(
                title: new Text('My App Title'),
                elevation: 0.0,
            ),
            body: new Center(
                child: new Text('Hello World'),
            ),
        );
    }

enter image description here

答案 1 :(得分:3)

我尝试了一些可能对您有帮助的事情

AppBar(
backgroundColor: Colors.transparent,
bottomOpacity: 0.0,
elevation: 0.0,
),

检查一下

答案 2 :(得分:1)

要删除appbar下拉阴影,请设置AppBar构造函数elevation: 0.0

primary,toolbarOpacity,bottomOpacity和automaticImplyLeading参数不能为null。此外,如果指定了海拔,则它必须为非负数。

如果backgroundColor,elevation,shadowColor,亮度,iconTheme,actionsIconTheme,textTheme或centerTitle为空,则将使用其AppBarTheme值。如果相应的AppBarTheme属性为null,则将使用该属性的文档中指定的默认值。

appBar: AppBar(
   title: Text('App Title'),
   elevation: 0.0,
   bottomOpacity: 0.0,
),

enter image description here

更多:AppBar constructor

答案 3 :(得分:-1)

如果您想删除所有应用栏的阴影而无需重复代码,只需将AppBarTheme的{​​{1}}属性添加到您的应用主题(elevation: 0)中的{{1 }}小部件:

ThemeData