[flutter] 앱 아이콘에 레터링을 추가하여 더욱 풍부한 디자인 표현하기

22 Dec 2023

flutter

1. 이미지에 텍스트 추가

첫 번째 방법은 이미지에 텍스트를 직접 추가하는 것입니다. 이를 위해서는 디자인 툴 또는 온라인 이미지 편집기를 사용하여 원하는 텍스트를 포함한 이미지를 생성해야 합니다.

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      home: Center(
        child: Container(
          width: 100,
          height: 100,
          decoration: BoxDecoration(
            image: DecorationImage(
              image: AssetImage('assets/app_icon_with_text.png'),
            ),
          ),
        ),
      ),
    ),
  );
}

위의 예시는 이미지를 배경으로 하는 Container 위에 다른 위젯을 추가한 것입니다.

2. Dynamic App Icons 패키지 사용

두 번째 방법은 Dynamic App Icons 패키지를 사용하는 것입니다.

dependencies:
  dynamic_app_icons: ^1.0.0

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

void main(){
  runApp(
    MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Dynamic App Icon Example'),
        ),
        body: Center(
          child: ElevatedButton(
            onPressed: (){
              DynamicAppIcons.updateAppIcon("App Icon Text");
            },
            child: Text("Change App Icon"),
          ),
        ),
      ),
    ),
  );
}

DynamicAppIcons.updateAppIcon()을 호출하여 앱 아이콘에 텍스트를 추가할 수 있습니다.

앱 아이콘에 텍스트를 추가하여 브랜드 아이덴티티를 강화하고 사용자들에게 더욱 기억에 남는 경험을 제공할 수 있습니다.