프로그래밍/Visual Studio

[Visual Studio Code] flutter_launcher_icons 설정된 아이콘 바꾸는 방법 최초 아이콘을 그대로 사용하지 않고 싶을 때 일어나는 문제와 해결 방법

dobioi 2024. 6. 26. 13:50
반응형

앱을 하나 만들었다. 간단하지만 그래도 나름의 기본 기능을 잘 하고 있어서 행복하다.

그런데, flutter로 했더니 flutter 기본 아이콘이 나와서 이걸 바꿔야지 하고, 바꾸게 된다.

그리고나서, 그 바꾼 녀석을 다시 바꾸려고 시도했더니, 안되는 거였다.

나중에 문제를 해결하고 보니, 이게 설치형이었다고 이해된다.

 

쨌든... 잠시 살펴보자.

 

assets\icon 폴더를 만들어서 거기에다가 icon.png를 사용하려고 했다가

icon_1.png로 바꾸고 싶었다.

그런데, 안되는 거다.

바꿔도 바뀌지 않는 거다.

왜 그럴까 찾아봐도, 아직 AI가 찾아내지 못한다.

이런 질문을 하지 않거나, 모르거나, 상황을 설명하지 않았거나,

이렇게 처리해놓고, 기록을 남기지 않았기 때문일 것 같다.

 

그래도 필자라도 역사적 사명을 띄고 삽질에 동참한다.

 

 

< pubspec.yaml >

 
dev_dependencies:
  flutter_test:
    sdk: flutter

  # The "flutter_lints" package below contains a set of recommended lints to
  # encourage good coding practices. The lint set provided by the package is
  # activated in the `analysis_options.yaml` file located at the root of your
  # package. See that file for information about deactivating specific lint
  # rules and activating additional ones.
  flutter_lints: ^4.0.0
  flutter_launcher_icons: ^0.13.1

flutter_launcher_icons:
  android: "launcher_icon"
  ios: true
  image_path: "assets/icon/icon.png"
  min_sdk_android: 21 # android min sdk min:16, default 21
  web:
    generate: true
    image_path: "assets/icon/ icon .png"
    background_color: "#hexcode"
    theme_color: "#hexcode"
  windows:
    generate: true
    image_path: "assets/icon/ icon .png"
    icon_size: 48 # min:48, max:256, default: 48
  macos:
    generate: true
    image_path: "assets/icon/ icon .png"
 

 

이걸 설정하고 나서 아이콘이 바뀌어서 기뻐했다.

그런데, 화면에 보이는 아이콘 사이즈가 좀 구려서 다른 이미지로 바꿔야 했던 것이다.

 

그런데, 그게 내맘대로 잘 안된다.

쉽지않은 과정이 기다리고 있었던 것이다.

 

일단 도전해본다.

누구도 알려주지 않은(필자가 알지 못하는)

상황인 것 같아서 말이다.

 

아래를 잘 보자. 미친 캐릭터 옆에 있는 아이콘이 뭔지 보이나?

 

안보인다. 뭔지 모르겠다. 그래서 바꾼다.

이젠 잘 보일지도 모르겠다.

 

해당 폴더에서 icon을 검색해보니, 아래 그림처럼 엄청 나온다.

원래는 app_icon_old.ico 같은 모양이었다. 저게 싫어서 바꿔보려고 했었지만....

일이 이렇게까지 된 것을.... 

 

728x90

 

그래서 얘네들을 모두 지워줘봐야.... 아무런 해결이 되지 않는다.

다음 터미널에 명령을... 입력해본다. 그러면 그 아래처럼.... 2.1초만에 아이콘이 새롭게 만들어지게 된다.

 
flutter pub run flutter_launcher_icons -f flutter_launcher_icons.yaml
Deprecated. Use `dart run` instead.
Building package executable... (2.1s)
Built flutter_launcher_icons:flutter_launcher_icons.
  ════════════════════════════════════════════
     FLUTTER LAUNCHER ICONS (v0.13.1)
  ════════════════════════════════════════════

• Creating default icons Android
• Adding a new Android launcher icon

WARNING: Icons with alpha channel are not allowed in the Apple App Store.
Set "remove_alpha_ios: true" to remove it.

• Overwriting default iOS launcher icon with new icon
Creating Icons for Web...
Creating Icons for Windows...
Creating Icons for MacOS...

✓ Successfully generated launcher icons
 
 
원하는 대로 잘 됐다.
물론 여전히 작지만...

 

이렇게 또 하나 더 알아간다.

조금 전 일도 까먹어버리니까...

다시 하면서... 맞다... 그렇게 했었지 생각했다.

다행히 터미널에 과거 기록이 나와서.....