[flutter] 플러터에서 cached_network_image 패키지를 사용하여 이미지에 둥근 모서리를 추가하는 방법을 알려주세요.

08 Dec 2023

flutter

dependencies:
  cached_network_image: ^2.5.1

이제 아래의 코드를 사용하여 이미지에 둥근 모서리를 추가할 수 있습니다.

CachedNetworkImage(
  imageUrl: 'https://example.com/image.jpg',
  imageBuilder: (context, imageProvider) => Container(
    decoration: BoxDecoration(
      borderRadius: BorderRadius.circular(20.0),
      image: DecorationImage(
        image: imageProvider,
        fit: BoxFit.cover,
      ),
    ),
  ),
  placeholder: (context, url) => CircularProgressIndicator(),
  errorWidget: (context, url, error) => Icon(Icons.error),
),

이렇게 하면 cached_network_image 패키지의 CachedNetworkImage 위젯을 사용하여 원하는 이미지에 둥근 모서리를 추가할 수 있습니다.