[flutter] Iconly 라이브러리를 통해 아이콘 사이즈 조정하기

14 Dec 2023

flutter

Flutter 앱을 개발하다 보면 아이콘을 사용해야 하는 경우가 많습니다. Iconly는 다양한 아이콘을 제공하는 라이브러리로, 이를 사용하여 간편하게 아이콘을 추가하고 사이즈를 조정할 수 있습니다.

Iconly 라이브러리 추가하기

먼저, pubspec.yaml 파일에 아래와 같이 iconly 라이브러리를 추가합니다.

dependencies:
  iconly: ^1.0.0

이후 다음 명령어로 패키지를 업데이트합니다.

flutter pub get

아이콘 추가 및 사이즈 조정하기

Iconly를 사용하기 위해 먼저 해당 아이콘을 추가하고, 이를 원하는 크기로 조정할 수 있습니다.

import 'package:flutter/material.dart';
import 'package:iconly/iconly.dart';

class MyIconPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Iconly Example'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Icon(
              IconlyBrands.home, // 사용할 아이콘 지정
              size: 50.0, // 아이콘 크기 조정
              color: Colors.blue,
            ),
            SizedBox(height: 20),
            Icon(
              IconlyLight.users,
              size: 30.0,
              color: Colors.green,
            ),
          ],
        ),
      ),
    );
  }
}

위의 예시 코드에서 IconlyBrands와 IconlyLight 등을 통해 다양한 아이콘을 사용할 수 있습니다. size로 아이콘의 크기를 조정할 수 있으며, color를 통해 아이콘의 색상도 지정할 수 있습니다.

이렇게 하면 간편하게 Iconly를 사용하여 아이콘을 추가하고 원하는 크기로 조정할 수 있습니다.

더 많은 정보는 여기에서 확인할 수 있습니다.