【无标题】Flutter的BoxShadow阴影

Flutter的BoxShadow阴影

我们经常使用flutter阴影效果，flutter的阴影比如Container中设置decoration。

Container(
                padding: EdgeInsets.only(left: 16),
                decoration: BoxDecoration(color: Colors.white, boxShadow: [
                  BoxShadow(
                    color: '#000000'.color.withOpacity(0.1),
                    offset: Offset(0, -1),
                  )
                ]),

效果图如下：

在container的哪一侧有阴影是通过offset来设置的，上面和左边是通过负值设置的。
BoxShadow还有两个参数blurRadius和spreadRadius，其中blurRadius是模糊半径其实就是阴影半径，所以如果设置了blurRadius，想要只有一侧有阴影那么就必须设置offset同样的值。而SpreadRadius是阴影膨胀数值其实就是阴影面积扩大几倍。