如何将图像网络装箱到具有边界半径的容器中

【问题标题】：How can I box fit an image network in a container that has border radius如何将图像网络装箱到具有边界半径的容器中
【发布时间】：2023-02-05 06:25:22
【问题描述】：

如何在具有边界半径的容器内装箱适合图像网络

Container(
    width: 100,
    height: 100,
    child: Image.network(
      snapshot.data!,
      fit: BoxFit.cover,
    ),
),

【问题讨论】：

标签： flutter flutter-layout

【解决方案1】：

ClipRRect(
    borderRadius: BorderRadius.circular(8.0),
    child: Container(
        height: 100.0,
        width: 100.0,
        child: Image.network(
        snapshot.data!,
        height: 100.0,
        width: 100.0,
    ),)
)

【讨论】：

【解决方案2】：

当您使用 Container 覆盖 clipBehavior 并调用 decoration 时

Container(
  width: 100,
  height: 100,
  clipBehavior: Clip.hardEdge, //default is none
  decoration: BoxDecoration(
    borderRadius: BorderRadius.circular(12.0),
  ),
  child: Image.network(
    "",
    fit: BoxFit.cover,
  ),
),

【讨论】：

【解决方案3】：

Container(
    width: 100,
    height: 100,
    child: Image.network(
      snapshot.data!,
      fit: BoxFit.cover,
      width: 100,
      height: 100,
    ),
),

【讨论】：

【解决方案4】：

Container(
          decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(10)),
          width: 100,
          height: 100,
          child: Image.network(
          snapshot.data!,
          fit: BoxFit.cover,
          ),),

【讨论】：

我已经试过了，但还是不行
你可以在Container上调用clipBehavior，这样就可以解决问题