Flutter 透明容器和 BoxShadow答案

【问题标题】：Flutter Transparent Container and BoxShadowFlutter 透明容器和 BoxShadow
【发布时间】：2020-09-05 04:15:56
【问题描述】：

我被困在这个问题上。我正在努力学习 Flutter。当我在做我的定制项目时，我碰到了这堵墙。我知道这可以用 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: [

你可以猜到我只是想把海拔结果放到底部。谢谢大家。

【问题讨论】：

应该可以工作，或者问题是您的容器父小部件。您的容器可能有一个最小宽度。也许尝试在您的容器上添加您想要的宽度。 double.infinity 或一些宽度。

标签： flutter flutter-web

【解决方案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
            ),
          ],
        ),

【讨论】：

我得到了一个完整的白色结果，其阴影非常模糊，这是代码所期望的。我错了吗？
我只是放了随机值。根据需要更改它们。但它会起作用。

【解决方案2】：

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

改变这个，颜色：Theme.of(context).primaryColor

对此，颜色：Theme.of(context).primaryColorDark

解决了问题。

【讨论】：