본문 바로가기
Development Solutions/Flutter & Dart

[flutter] Change app icon (Android, iPhone) (앱 아이콘 변경하기 (안드로이드, 아이폰))

by Dev Diary Hub 2022. 6. 5.
반응형

[flutter]

Change app icon (Android, iPhone)

앱 아이콘 변경하기



앱 아이콘 파일 만들기(Create an app icon file)


앱 아이콘으로 만들고 싶은 이미지를 가지고 아래 사이트로 들어간다.
(Go to the site below with the image you want to make as an app icon.)

https://appicon.co/

App Icon Generator

appicon.co


아래와 같이 왼쪽 사각형에 이미지파일을 끌어다 놓고
우측 하단의 Generate 버튼을 누르면 갖가지 이미지 파일들이 생성된다.
(Drag and drop the image file to the left rectangle as shown below
Click the Generate button at the bottom right to generate various image files.)


이 때 만들어진 파일들을 가지고 앱 아이콘 뿐만 아니라
구글,애플 스토어 등록용 이미지로도 사용할 수 있다.
(With the files created at this time, not only the app icon but also
It can also be used as an image for registration in Google and Apple stores.)


안드로이드 앱 아이콘 변경 (change android app icon)



여러분의 플러터 프로젝트의 디렉토리를 보면
아래와 같이 android/app/src/main/res 디렉토리를 찾을 수 있다.
(If you look in the directory of your flutter project
You can find the android/app/src/main/res directory as shown below.)


위 사진에서 드래그된 'mimmap-어쩌구' 이름의 폴더 5개를 새로 만든 폴더로 대체하면 끝!
(위 사진에서 드래그된 'mimmap-어쩌구' 이름의 폴더 5개를 새로 만든 폴더로 대체하면 끝!)

iOS(아이폰) 앱 아이콘 변경 (Change iOS (iPhone) App Icon)


iOS의 경우에는 아래의 경로(ios/Runner/Assets.xcassets)로 가서
AppIcon.appiconset 폴더를 새로 생성한 폴더로 교체하면 끝이다.
(For iOS, go to the path below (ios/Runner/Assets.xcassets)
Replace the AppIcon.appiconset folder with the newly created folder and you are done.)


바뀐 앱 아이콘 확인 (Check the changed app icon)


최종적으로 새로 빌드해주면
설치된 앱의 이름이 변경된 것을 확인할 수 있다.
(Finally build a new one
You can see that the name of the installed app has been changed.)


끝!!

반응형