유블로그

[React Native] 앱 아이콘 & 앱 이름 바꾸기 본문

React

[React Native] 앱 아이콘 & 앱 이름 바꾸기

yujeong kang 2021. 5. 5. 21:36

 

앱 아이콘 바꾸기

romannurik.github.io/AndroidAssetStudio/icons-launcher.html#foreground.type=image&foreground.space.trim=1&foreground.space.pad=0.25&foreColor=rgba(96%2C%20125%2C%20139%2C%200)&backColor=rgb(255%2C%20255%2C%20255)&crop=0&backgroundShape=square&

 

 

Android Asset Studio - Launcher icon generator

 

romannurik.github.io

 

 

위 사이트에 원하는 이미지를 드래그 앤 드롭한 후

shape 를 선택하고 오른쪽 상단 버튼으로 다운 받으면

 

ic_launcher 폴더 안에 png 이미지 하나와 res 폴더가 있는데 res 폴더 내에 있는 mipmap 폴더를

/android/src/main/res/ 에 넣어주면된다.

 

 

앱 이름 바꾸기

1. app.json 에 displayName 을 원하는 이름으로 바꾼다.

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

<resources>
    <string name="app_name">원하는 앱 이름</string>
</resources>

 

주의할 점은 특수기호는 

www.w3schools.com/html/html_entities.asp

 

HTML Entities

HTML Entities Reserved characters in HTML must be replaced with character entities. HTML Entities Some characters are reserved in HTML. If you use the less than (<) or greater than (>) signs in your text, the browser might mix them with tags. Character ent

www.w3schools.com

여기에 나와있는 entity name 으로 바꿔줘야 한다.