[capacitor] 앱 이름, 아이콘 + 스플래시 적용법

1. 앱이름

아래 2 파일의 값을 수정.

1. ios/App/App/info.plist

...
  <key>CFBundleDisplayName</key>
    <string>[앱이름]</string>
  <key>CFBundleExecutable</key>
...

 

2. android/app/src/main/res/values/strings.xml

<resources>
  <string name="app_name">[앱이름]</string>
  <string name="title_activity_main">[앱이름]</string>
  ...
</resources>

 

 

 

2. 아이콘 + 스플래시

1. capacitor-resources 설치

npm install capacitor-resources

 

2. 루트 위치에 resources 폴더 생성 (src폴더와 같은 위치)

 

3. resources폴더에  icon.png(1024 x 1024 px)와  splash.png(2732 x 2732 px) 추가 

 

4. package.json 수정

{   
  ...   
  "scripts": {
    ...
    "resources": "capacitor-resources -p android,ios" 
  } 
}

 

icon, splash.png 적용

npm run resources

 

 

참고 :https://stackoverflow.com/questions/61648428/how-to-replace-icon-and-splash-in-capacitor

앱 아이콘 생성 : https://www.appicon.co/

스플래시 화면 생성  :  https://hotpot.ai/templates/splash-screen