앱의 아이콘은 사용자에게 첫인상을 주는 중요한 부분입니다. 아이콘 디자인에 둥근 모서리를 적용하여 더욱 현대적이고 부드러운 느낌을 줄 수 있습니다. Flutter에서는 Iconly 라이브러리를 사용하여 간단하게 아이콘의 모서리를 둥글게 만들 수 있습니다.

1. Iconly 라이브러리 추가

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

dependencies:
  flutter:
    sdk: flutter
  iconly: ^1.0.0

그 후, 터미널에서 flutter pub get 명령어를 실행하여 라이브러리를 설치합니다.

2. Iconly 라이브러리 활용

아래는 Iconly 라이브러리를 사용하여 커스텀 아이콘을 만들고, 둥근 모서리를 설정하는 예제 코드입니다.

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

class RoundedIcon extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
        color: Colors.blue,
        borderRadius: BorderRadius.circular(10.0),
      ),
      child: Padding(
        padding: const EdgeInsets.all(8.0),
        child: Icon(
          IconlyIcons.heart,
          color: Colors.white,
          size: 24.0,
        ),
      ),
    );
  }
}

위 코드에서, BorderRadius.circular() 메서드를 사용하여 아이콘의 둥근 모서리를 설정했습니다.

3. 결과 확인

이제 위의 코드를 활용하여 아이콘이 적용된 화면을 확인할 수 있습니다.

둥근 모서리를 추가한 아이콘은 사용자에게 부드러운 느낌을 전달하고, 앱의 전체적인 디자인 퀄리티를 향상시킬 수 있습니다.

위와 같은 방법으로, Flutter 앱의 아이콘에 라이브러리를 사용하여 간단하게 둥근 모서리를 추가할 수 있습니다.

더 많은 정보를 원하시거나 여러분의 앱에 맞는 커스텀한 아이콘을 만들고 싶다면 https://pub.dev/packages/iconly에서 공식 문서를 확인해보세요.

새로운 디자인 아이콘으로 앱을 더욱 돋보이게 만들어보세요!