如何在Flutter中给图像高程？

Question

我必须在图像小部件上实现高程（如阴影），但是我找不到解决方案。有没有一种方法可以实现图像的高程？

我要删除的图片示例

我使用了Material小部件，但它呈现出空白！原始图像没有空格，如何删除它们？

Answer 1

您可以简单地使用Material或Card窗口小部件：

Center(
  child: Material( // with Material
    child: Image.network('https://placeimg.com/640/480/any'),
    elevation: 18.0,
    shape: CircleBorder(),
    clipBehavior: Clip.antiAlias,

  ),
),
Center(
  child: Card( // with Card
    child: Image.network('https://placeimg.com/640/480/any'),
    elevation: 18.0,
    shape: CircleBorder(),
    clipBehavior: Clip.antiAlias,

  ),
),

如果要Radius对Image进行更多控制。然后，您可以使用CircleAvatar：

Center(
  child: Card(
    child: CircleAvatar(
      maxRadius: 54.0,
      backgroundImage:
          NetworkImage('https://placeimg.com/640/480/any'),
    ),
    elevation: 18.0,
    shape: CircleBorder(),
    clipBehavior: Clip.antiAlias,
  ),
),