在Flutter中创建包含圆角图像的小部件需要使用ClipRRect小部件。使用ClipRRect可以将其子项剪裁为圆角矩形。
以下是一个带有圆角图像的示例小部件:
class RoundedImageWidget extends StatelessWidget {
final String imageURL;
const RoundedImageWidget({Key? key, required this.imageURL})
: super(key: key);
@override
Widget build(BuildContext context) {
return ClipRRect(
borderRadius: BorderRadius.circular(15.0),
child: Image.network(
imageURL,
width: 200.0,
height: 200.0,
fit: BoxFit.cover,
),
);
}
}
在这个小部件中,我们使用了ClipRRect小部件来创建圆角矩形。borderRadius属性指定了圆角的半径大小。我们还添加了一个Image小部件,以显示网络上的图像。
您可以根据需要更改borderRadius的值来调整圆角的大小。