如何改变AppBar的阴影颜色？

Posted 2021-04-27

我试图改变AppBar的阴影海拔颜色，但找不到任何财产。我去了原来的执行很好，但无法找到任何属性更改阴影颜色。

AppBar(
        title: Image.asset(
          "images/toolbar_logo.webp",
          width: 80,
          height: 50,
        ),
        centerTitle: true,
        backgroundColor: white,
      ),

我不能紧裹AppBar内Material Widget。我知道我能避免应用栏属性，并创建一个自定义类，并把它添加到我的Scaffold的身体，但有可能使用AppBar的阴影颜色的改变？

答案

有没有一种方法来改变默认的阴影的颜色，但你可以通过包装在AppBar这是一个Container部件内的PreferredSize绕过它：

void main() => runApp(App());

class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: PreferredSize(
          child: Container(
            decoration: BoxDecoration(boxShadow: [
              BoxShadow(
                color: Colors.red,
                offset: Offset(0, 2.0),
                blurRadius: 4.0,
              )
            ]),
            child: AppBar(
              elevation: 0.0,
              title: Text("Test"),
            ),
          ),
          preferredSize: Size.fromHeight(kToolbarHeight),
        ),
        body: Container(),
      ),
    );
  }
}