[react-native] React Native에서 앱 이름 변경

ReactNative 앱 이름을 변경하는 방법을 알아 내려고합니다. 내 기기에 설치된 APK는 Android 아이콘이있는 ‘앱’입니다. 어떻게 변경할 수 있습니까?

package.json을 변경하고 반응 네이티브 업그레이드를 다시 실행하려고 시도했지만 AndroidManifest.xml을 업데이트하지 않았습니다.



답변

생성기는에있는 strings.xml파일을 재정의하지 않으므로 변수를 수동으로 android/app/src/main/res/values/변경 app_name해야합니다.


답변

보십시오 반응 모국어를-의 이름을 변경 하는 과정을 완화 할이 NPM 패키지를

// in project directory

   npx react-native-rename <newName>


답변

Android 용

app.json 파일 에서 displayName 수정

android / app / src / main / res / values ​​/ strings.xml 에서 app_name 수정

그런 다음이 명령을 하나씩 실행하십시오.

cd android
./gradlew clean
cd ..
react-native run-android

iOS 용

프로젝트 대상에서 표시 이름 수정 (일반 탭)

테스트를 위해 프로젝트 대상에서 애플리케이션 프로젝트를 호스트 애플리케이션으로 선택하십시오 (일반 탭).여기에 이미지 설명 입력


답변

내가 안드로이드 (해키하지만 작동)를 위해 이것을 한 방식은 단지 문자열 app_name 필드를 변경하는 것입니다.

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

설치된 Android 앱의 이름을 값으로 입력 한 이름으로 변경합니다.


답변

나는 그것을 찾을 앱 이름을 모두 변경하려는 경우 패키지 이름을 (즉, 전체 응용 프로그램의 이름을 변경), 다음 단계가 필요합니다 :

  • android/ios/하위 폴더에 귀중한 (생성되지 않은 수동 복사 리소스)가 없는지 확인하십시오 .

  • android/ios/폴더를 모두 삭제하십시오 .

  • "name"항목을 package.json새 이름으로 변경하십시오 .

  • index.android.jsindex.ios.js: 모두에서 앱 이름을 변경하십시오 .
    AppRegistry.registerComponent('NewAppName', () => App);

  • react-native upgrade플랫폼 하위 폴더를 다시 생성하려면 실행하십시오 .

  • 링크 된 리소스 (예 : 사용자 지정 글꼴 등)가있는 경우 react-native link.

  • 다른 생성 된 리소스 (예 : 앱 아이콘)가있는 경우 스크립트를 실행하여 생성합니다 (예 🙂 yo.

  • 마지막으로 각 장치에서 이전 앱을 제거하고 새 앱을 실행합니다.


답변

Android 폴더에 귀중한 것이 없으면 폴더를 삭제 react-native upgrade한 다음 react-native android. 이렇게하면 필요한 파일 및 폴더와 함께 AndroidManifest.xml이 다시 생성됩니다. (Windows 10의 0.18에서 시도)


답변

우선app.json 반응 네이티브 프로젝트 디렉토리에서 파일을
엽니 다 . 그리고이 displayName파일에서 json 속성의 값을 바꿉니다. 예 :

{
    "name": "SomethingSomething",
    "displayName": "My New App Name"
}

Android 앱의 경우 :strings.xml 파일을
열고 <string name="app_name">태그 값을 새 앱 이름으로 바꿉니다. 예 :

<string name="app_name">My New App Name</string>

iOS의 경우 :
Open info.plist에서 값을 <key>CFBundleDisplayName</key>앱 이름으로 바꿉니다. 예 :

<key>CFBundleDisplayName</key>
<string>My New App Name</string>

기기에 설치된 이전 앱을 제거합니다. 프로젝트 기본 디렉토리에서 npm install 을 사용 하고 ios 폴더 디렉토리에서 pod install 명령을 실행하십시오 . 이제 기기에 앱을 설치하기 만하면됩니다.