[Flutter로 iOS 앱 개발하기] 앱 아이콘 설정하기(커스텀)

Udemy 사이트에서 Flutter 강좌를 수강 중입니다!
공부하는 내용을 최대한 정리하여 업로드 하려고 합니다.
* Mac을 기준으로 합니다.

기본 아이콘

아무것도 설정하지 않은 경우, Flutter App의 아이콘은 아래 이미지와 같다.

 

아이콘 변경하기

1. 원하는 아이콘 이미지를 제작하거나 다운 받는다.

2. 아래 사이트를 통해 이미지를 다양한 사이즈로 생성할 수 있다.

- 원하는 이미지를 드래그 하여 업로드한 후,

- 원하는 기기에 체크하고 Generate 버튼을 클릭해준다.

appicon.co

App Icon Generator

- 다운로드 받은 Zip 파일을 더블 클릭하여 압축을 해제한다.

압축 해제한 폴더 내에 Assets.xcassets 폴더가 있고 그 안에는 Appicon.appiconset 폴더가 있는 것을 확인할 수 있다.

3. Android Studio 디렉토리 구조에서 ios - Runner - Assets.xcassets를 찾는다.

4. 해당 폴더명 위에서 우클릭을 하여 Reveal in Finder 를 클릭하면, 해당 폴더를 Finder 에서 확인할 수 있다.

2.에서 확인했던 폴더와 같은 이름(Appicon.appiconset)의 폴더를 확인할 수 있다.

5. 이 폴더를 휴지통에 버려버리고 2.에서 확인했던 폴더를 복사하여 붙여넣는다.

6. 실행을 하면 아래와 같이 앱이 실행되는데, 상단의 홈 버튼을 클릭하여 홈 화면으로 이동한다.

홈화면으로 이동해보면, i_am_rich 앱의 아이콘이 바뀌어 있는 것을 확인할 수 있다. 😆🎉🎉