dart - 如何在 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: const CircleBorder(),
    clipBehavior: Clip.antiAlias,
  ),
),
Center(
  child: Card( // with Card
    child: Image.network('https://placeimg.com/640/480/any'),
    elevation: 18.0,
    shape: const CircleBorder(),
    clipBehavior: Clip.antiAlias,
  ),
),

如果您想对图像的Radius 进行更多控制。然后你可以使用CircleAvatar:

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