개요
리액트 네이티브에서 앱 이름을 바꾸는 것은 생각보다 까다롭고 위험을 동반하는 일이다. 리액트 네이티브 뒷단에서 앱 이름을 이용해 자동생성된 코드가 꽤나 많기 때문이다.
그래서 앱 이름은 웬만하면 처음 선택한 이름을 사용하는 게 좋다. 또한 바꿔야 하더라도 displayName
만 변경해주는 것이 정신건강에 이롭다.
아래의 내용은 displayName
을 변경하는 방법이다.
앱 이름 변경 방법
strings.xml
파일 수정
/android/app/src/main/res/values/strings.xml
의 내용을 수정한다.
<resources>
<string name="app_name">MyPrivateAppName</string>
</resources>
위의 app_name
을 바꾸고 싶은 이름으로 수정해준다.
app.json
파일 수정
{
"name": "MyPrivateApp",
"displayName": "MyPrivateAppName"
}
위의 displayName
을 바꾸고 싶은 이름으로 수정해준다.
CFBundleDisplayName
수정
/ios/appName/Info.plist
의CFBundleDisplayName
을 수정한다.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>CFBundleDevelopmentRegion</key>
<string>en</string>
<key>CFBundleDisplayName</key>
<string>MyPrivateAppName</string>
</dict>
</plist>
string
부분을 수정해주면 된다.
주의) 한글 이름을 사용하고 싶은 경우
- IOS 다국어 설정 을 수행한다.
- android 에서는
/android/app/src/main/res/values-ko/strings.xml
을 만들어 여기서 한글 이름을 1번만 사용한다.app.json
의displayName
은 영어로 둔다./android/app/src/main/res/values/strings.xml
의 이름도 영어로 둔다.- 다국어 설정이 한글일 때만 앱 이름이 한글로 표기된다.
레퍼런스
반응형
'리액트 네이티브 (React Native)' 카테고리의 다른 글
spawnSync ./gradlew EACCES 에러 해결 방법 (0) | 2022.10.09 |
---|---|
리액트 네비게이션 (react navigation) 으로 리액트 네이티브 화면 전환하기 (0) | 2022.10.05 |
리액트 네이티브 (React Native) 앱 디버깅 하는 방법들 (0) | 2022.10.03 |
React Native 의 Metro 란? Metro (메트로) 소개 (0) | 2022.10.02 |
리액트 네이티브 초보자를 위한 UI 팁들 (0) | 2022.10.02 |