Flutter透明容器和BoxShadow

Question

我陷入了困境。我正在努力学习长笛。当我做我的自定义项目时，我碰到了这堵墙。我知道这也许可以用AppBar解决。我想学习如何绘制自定义阴影或至少更改BoxShadow。

当我试图在用容器包裹的行中添加一个方框阴影时，我得到了这个结果；

影子

代码如下所示；

class HeaderContents extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
decoration: BoxDecoration(
color: Theme.of(context).primaryColor,
boxShadow: [BoxShadow(offset: Offset(0, 2), blurRadius: 5)]),
height: MediaQuery.of(context).size.height * 0.1,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [

正如你们所能猜到的，我只是想把提升结果弄到底。谢谢大家。

Answer 1

添加SpreaRadius并增加OffsetY。更改所有值以获得所需的需求。

BoxDecoration(
color: Colors.white,
boxShadow: [
BoxShadow(
color: Colors.blue.withOpacity(0.1),
spreadRadius: 5,
blurRadius: 20,
offset: Offset(
0, 10), // changes position of shadow
),
],
),

Answer 2

这似乎只是我在分配颜色方面的延迟。在主文件中，我指定了深色和亮色来测试深色/浅色模式的功能。

改变这一点，color：主题。(上下文(。primaryColor

对此，color：主题。(上下文(。primaryColorDark

解决了问题。