[flutter] cupertino_icons를 사용하여 아이콘의 절대 크기 설정하기
Flutter는 아이콘을 보다 쉽게 사용할 수 있도록 cupertino_icons
패키지를 제공합니다. 이 패키지를 사용하면 iOS의 아이콘을 Flutter 앱에서도 쉽게 사용할 수 있습니다.
하지만 기본적으로 cupertino_icons
의 아이콘은 상대 크기로 표시됩니다. 이 뜻은 아이콘의 크기가 텍스트와 함께 조절되는 것을 의미합니다.
만약 아이콘의 크기를 절대 크기로 고정하고 싶다면, Icon
위젯의 size
속성을 사용할 수 있습니다.
아래는 cupertino_icons
중 하나인 cupertino_icons.Alarm
아이콘을 절대 크기로 설정하는 예제입니다.
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/cupertino_icons.dart';
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Icon Size Example'),
),
body: Center(
child: Icon(
CupertinoIcons.alarm,
size: 48.0, // 아이콘의 절대 크기 설정
),
),
);
}
}
void main() => runApp(MaterialApp(
home: MyHomePage(),
),
);
위 코드에서는 Icon
위젯의 size
속성을 48.0
으로 설정하여 아이콘의 크기를 고정하였습니다. 필요에 따라 원하는 크기로 조절할 수 있습니다.
이렇게 하면 cupertino_icons
의 아이콘을 절대 크기로 설정하여 Flutter 앱에서 보다 더 세밀하게 아이콘을 제어할 수 있습니다.