flutter 网络图片 圆角
时间: 2023-10-16 20:06:00 浏览: 197
显示圆角图片
Flutter中可以使用ClipRRect组件来实现圆角图片的效果,同时使用NetworkImage组件加载网络图片。
以下是一个简单的示例代码:
```dart
ClipRRect(
borderRadius: BorderRadius.circular(8.0),
child: Image.network(
'https://example.com/image.jpg',
fit: BoxFit.cover,
),
);
```
在这个示例中,我们将`Image.network`组件包裹在`ClipRRect`组件中,并设置了8像素的圆角半径。同时,我们也设置了图片的填充模式为`BoxFit.cover`,以保证图片尽可能地填充父容器。
你可以根据自己的需求更改圆角半径和填充模式。
阅读全文