如何使用 Material Design 卡片制作阴影?

本文介绍了如何使用 Material Design 卡片制作阴影?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

这是我想要的结果:

推荐答案

制作自定义卡片

///custom cards

  Widget card(String image) {
    return  Container(
        child:  Image.asset(
              image,
              fit: BoxFit.cover,
            ),

        decoration: BoxDecoration(
          border: Border.all(color: Colors.blue, width: 2.0),
          color: Colors.white,
          borderRadius: BorderRadius.all(
            Radius.circular(5.0),
          ),
          boxShadow: <BoxShadow>[
            new BoxShadow(
              color: Colors.blue,
              blurRadius: 3.0,
              offset: new Offset(0.0, 3.0),
            ),
          ],
        ),
        margin: EdgeInsets.all(5.0),
        height: 150.0,
        width: 100.0,

    );
  }

Box Shadow 正是您所需要的.我希望这会有所帮助.

Box Shadow is what you need. I hope this will help.

这篇关于如何使用 Material Design 卡片制作阴影?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！