Flutter - #10. ClipRRect

1. ClipRRect는 주어진 원근감 없는 직사각형의 모서리를 둥글게 잘라주는 Flutter 위젯입니다. 이를 사용하여 이미지나 다른 위젯의 모서리를 둥글게 만들 수 있습니다. ClipRRect는 borderRadius 속성을 사용하여 얼마나 둥글게 모서리를 만들지 조절할 수 있습니다.

2. 주요 속성

ClipRRect(
  borderRadius: BorderRadius.circular(10.0),
  child: Image.asset('assets/my_image.jpg'),
)

borderRadius: 둥글게 만들고 싶은 각 모서리의 반지름을 설정합니다. 예를 들어, BorderRadius.all(Radius.circular(10.0))를 사용하면 모든 모서리가 10.0 픽셀 반지름을 가지게 됩니다.

clipBehavior: 자식 위젯의 어떤 부분을 잘라낼지를 설정합니다. 기본값은 Clip.antiAlias로, 둥글게 잘라내는 것을 의미합니다.

ClipRRect를 사용한 예시 코드는 다음과 같습니다:

위의 코드에서는 ClipRRect 위젯을 사용하여 이미지의 모서리를 10.0 픽셀 반지름으로 둥글게 만듭니다. 이렇게 하면 이미지가 둥글게 표시됩니다.

3. ClipRRect는 이미지뿐만 아니라 다른 위젯의 모서리도 둥글게 만들 수 있으므로 UI 디자인에 다양한 스타일을 적용할 때 유용합니다.