[flutter] cupertino_icons를 사용한 아이콘의 크기 조절 방법
Flutter의 cupertino_icons
패키지를 사용하여 iOS 스타일의 아이콘을 사용할 수 있습니다. 이를 통해 앱에 다양한 형태의 아이콘을 추가할 수 있으며, 이 아이콘들의 크기도 조절할 수 있습니다.
아이콘 크기 조절 방법
cupertino_icons
패키지에서 제공하는 아이콘 위젯은 Icon
위젯의 형태로 사용됩니다. 아이콘의 크기를 조절하기 위해서는 Icon
위젯의 size
속성을 설정하면 됩니다. 예를 들어, 아이콘을 24포인트 크기로 설정하려면 다음과 같이 코드를 작성할 수 있습니다:
Icon(
CupertinoIcons.add,
size: 24.0,
)
위의 코드에서 CupertinoIcons.add
는 cupertino_icons
패키지에서 제공하는 ‘add’ 아이콘을 나타냅니다. size
속성을 사용하여 아이콘의 크기를 조절할 수 있습니다.
아이콘 색상 변경
아이콘의 크기뿐만 아니라 색상도 조절할 수 있습니다. Icon
위젯의 color
속성을 사용하여 아이콘의 색상을 변경할 수 있습니다. 예를 들어, 아이콘의 색상을 빨간색으로 변경하려면 다음과 같이 코드를 작성할 수 있습니다:
Icon(
CupertinoIcons.add,
size: 24.0,
color: Colors.red,
)
위의 코드에서 color
속성을 사용하여 아이콘의 색상을 Colors.red
로 변경하였습니다.
결론
Flutter의 cupertino_icons
패키지와 Icon
위젯을 사용하여 iOS 스타일의 아이콘을 앱에 추가할 수 있습니다. 아이콘의 크기와 색상을 조절하여 앱에 적합한 디자인을 구현할 수 있습니다.
더 자세한 내용은 cupertino_icons 패키지 문서를 참조하세요.