Flutter 为什么我的堆栈会剪切图像的右侧？

我想在图像上添加一些文本，并考虑将ClipRRect与堆栈一起作为子对象使用。这样我就可以把图像和文本堆叠在一起。当我这样做的时候，右边的图像被剪掉了。有人能指出问题吗

返回ClipRRect(
边界半径：边界半径。圆形（8.0），
子：堆栈(
儿童：[
图像网络(
listItem.imageUrl，
高度：200.0，
//宽度：100.0，
适合：BoxFit.cover
),
]
),
);

图像右侧被剪裁的原因是您在堆栈的边框上放置了一个圆角，而不是图像。这就是你如何实现你想做的事情：

return Stack(
    children:<Widget>[
      ClipRRect(
        borderRadius: BorderRadius.circular(8.0),
        child: Image.network(
        listItem.imageUrl,
         height: 200.0,
         fit: BoxFit.cover
        ),
       ),
       Align(alignment:Alignment.bottomCenter,child:Text("Hello World")),
    ]
);

返回堆栈(
儿童：[
ClipRRect(
边界半径：边界半径。圆形（8.0），
孩子：Image.network(
listItem.imageUrl，
高度：200.0，
适合：BoxFit.cover
),
),
对齐（对齐：对齐.bottomCenter，子对象：文本（“Hello World”），
]
);

图像右侧被剪裁的原因是您在堆栈的边框上放置了一个圆角，而不是图像。这就是你如何实现你想做的事情：

return Stack(
    children:<Widget>[
      ClipRRect(
        borderRadius: BorderRadius.circular(8.0),
        child: Image.network(
        listItem.imageUrl,
         height: 200.0,
         fit: BoxFit.cover
        ),
       ),
       Align(alignment:Alignment.bottomCenter,child:Text("Hello World")),
    ]
);

返回堆栈(
儿童：[
ClipRRect(
边界半径：边界半径。圆形（8.0），
孩子：Image.network(
listItem.imageUrl，
高度：200.0，
适合：BoxFit.cover
),
),
对齐（对齐：对齐.bottomCenter，子对象：文本（“Hello World”），
]
);

是否尝试使用

列

是否尝试使用

列