[flutter] cupertino_icons를 사용한 아이콘의 크기 조절 방법

Flutter의 cupertino_icons 패키지를 사용하여 iOS 스타일의 아이콘을 사용할 수 있습니다. 이를 통해 앱에 다양한 형태의 아이콘을 추가할 수 있으며, 이 아이콘들의 크기도 조절할 수 있습니다.

아이콘 크기 조절 방법

cupertino_icons 패키지에서 제공하는 아이콘 위젯은 Icon 위젯의 형태로 사용됩니다. 아이콘의 크기를 조절하기 위해서는 Icon 위젯의 size 속성을 설정하면 됩니다. 예를 들어, 아이콘을 24포인트 크기로 설정하려면 다음과 같이 코드를 작성할 수 있습니다:

Icon(
  CupertinoIcons.add,
  size: 24.0,
)

위의 코드에서 CupertinoIcons.addcupertino_icons 패키지에서 제공하는 ‘add’ 아이콘을 나타냅니다. size 속성을 사용하여 아이콘의 크기를 조절할 수 있습니다.

아이콘 색상 변경

아이콘의 크기뿐만 아니라 색상도 조절할 수 있습니다. Icon 위젯의 color 속성을 사용하여 아이콘의 색상을 변경할 수 있습니다. 예를 들어, 아이콘의 색상을 빨간색으로 변경하려면 다음과 같이 코드를 작성할 수 있습니다:

Icon(
  CupertinoIcons.add,
  size: 24.0,
  color: Colors.red,
)

위의 코드에서 color 속성을 사용하여 아이콘의 색상을 Colors.red로 변경하였습니다.

결론

Flutter의 cupertino_icons 패키지와 Icon 위젯을 사용하여 iOS 스타일의 아이콘을 앱에 추가할 수 있습니다. 아이콘의 크기와 색상을 조절하여 앱에 적합한 디자인을 구현할 수 있습니다.

더 자세한 내용은 cupertino_icons 패키지 문서를 참조하세요.