flutter 阴影

万志鹏

已于 2024-05-06 18:31:30 修改

阅读量1.1k

点赞数

分类专栏： flutter

于 2021-12-30 10:54:37 首次发布

本文链接：https://blog.csdn.net/python4_1/article/details/122231435

版权

flutter

flutter 专栏收录该内容

14 篇文章 0 订阅

订阅专栏


      Container(
              width: 300,
              height: 100,
              margin: EdgeInsets.all(10),
              decoration: new BoxDecoration(
                  border: new Border.all(width: 0, color: Colors.red),
                  color: Colors.blue,
                  boxShadow: [
                    BoxShadow(
                        color: Colors.yellow,
                        offset: Offset(0, 1), //阴影y轴偏移量
                        blurRadius: 20, //阴影模糊程度
                        spreadRadius: 10 //阴影扩散程度
                    ),
                    BoxShadow(
                        color: Colors.yellow,
                        offset: Offset(-1, 0), //阴影y轴偏移量
                        blurRadius: 2, //阴影模糊程度
                        spreadRadius: 0 //阴影扩散程度
                    ),
                  ]),
            ),

封装

class ShadowContainerUtils {
  static shadowContainerUtils(Widget child,{Function ? callback}) {
    return GestureDetector(
      onTap: (){
        if(callback != null){
          callback();
        }
      },
      child: Container(
          margin: EdgeInsets.only(top: 30.rpx),
          padding: EdgeInsets.symmetric(horizontal: 15.rpx),
          width: double.infinity,
          decoration: BoxDecoration(
              color: const Color(0xffffffff),
              borderRadius: BorderRadius.circular(10.rpx),
              boxShadow: const [
                BoxShadow(
                    color: Colors.black12,
                    offset: Offset(0.0, 5.0), //阴影xy轴偏移量
                    blurRadius: 15.0, //阴影模糊程度
                    spreadRadius: 1.0 //阴影扩散程度
                )
              ]),
          child: child),
    );
  }
}