Flutter 透明容器和 BoxShadow

Question

我卡在这上面了。我正在努力学习颤振。当我在做我的定制项目时，我碰到了这堵墙。我知道这可以通过 AppBar 解决，也许。我想学习如何绘制自定义阴影或至少改变 BoxShadow。

当我尝试向用容器包裹的行添加框阴影时，我得到了这个结果；

shadow

代码如下所示；

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

看来这只是我在分配颜色方面的迟钝。在主文件上，我分配了深色和亮色来测试 dark/light 模式功能。

改变这个，颜色：Theme.of(上下文).primaryColor

对此，颜色：Theme.of(上下文).primaryColorDark

解决了问题。

Flutter 透明容器和 BoxShadow

Flutter Transparent Container and BoxShadow

flutter

flutter-web