소개

Flutter에서는 iOS 디자인 시스템을 구현한 Cupertino 패키지를 제공합니다. 이 패키지에는 iOS의 아이콘 디자인을 구현한 cupertino_icons라는 아이콘 세트가 포함되어 있습니다. 이 아이콘 세트를 사용하여 앱에 아이콘을 추가할 수 있습니다.

하지만 때로는 여러 아이콘의 크기를 조정해야 할 수도 있습니다. 이 글에서는 cupertino_icons 패키지에서 제공하는 아이콘을 다양한 크기로 표시하는 방법을 알아보겠습니다.

아이콘 크기 조정하기

cupertino_icons 패키지의 아이콘은 Icon 위젯을 사용하여 표시됩니다. Icon 위젯의 size 속성을 사용하여 아이콘의 크기를 조정할 수 있습니다. 예를 들어, 아이콘을 32픽셀 크기로 표시하려면 다음과 같이 작성할 수 있습니다.

Icon(
  CupertinoIcons.heart,
  size: 32,
)

아이콘 크기 영향 받는 요소

Icon 위젯의 크기는 해당 위젯이 포함된 부모 위젯의 크기에 의해 영향을 받을 수 있습니다. 예를 들어, SizedBox 위젯을 사용하여 부모 위젯의 크기를 지정한 경우 Icon 위젯의 크기도 조정됩니다.

SizedBox(
  width: 64,
  height: 64,
  child: Icon(
    CupertinoIcons.heart,
    size: 32,
  ),
)

위 예제에서는 부모 위젯의 크기를 64x64로 지정하였으므로, Icon 위젯의 크기도 32픽셀로 조정됩니다.

결론

cupertino_icons 패키지의 다양한 아이콘 크기를 이용하여 Flutter 앱을 디자인할 수 있습니다. Icon 위젯을 사용하여 지정한 크기로 아이콘을 표시할 수 있으며, 부모 위젯의 크기에 따라 아이콘 크기가 조정됩니다.

더 자세한 정보는 공식문서를 참고하시기 바랍니다.