React Native 프로젝트의 이름을 바꾸시겠습니까?

React Native 프로젝트의 이름을 바꾸시겠습니까?

---

React Native 프로젝트의 이름을 변경하기 위해 필요한 사항을 변경해야합니까? MyAppIOS 라인을 따라 설명라는 앱이 있고 이름을 간단히 MyApp으로 바꾸고 싶습니다 (이제 Android 지원이 중단됨)

---

내가 안드로이드 (해키하지만 작동)를 위해 한 방식은 단지 패키지 app_name 필드를 변경했습니다.

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

일치하는 Android 앱의 이름을 값으로 입력 한 이름으로 변경합니다.

---

package.json, 실행 에서 이름 속성을 변경하고 react-native upgrade반응이 android / ios 파일을 사용하도록 할 수 있습니다. 그러나 저장되지 않은 코드가있는 경우에는 파일을 사용하지 않습니다.

그런 다음 Appregistry 행을

AppRegistry.registerComponent('MyAppIOS', () => MyAppIOS);

에 :

AppRegistry.registerComponent('MyApp', () => MyApp);

---

저에게 여러 번 효과가있는 것은 아래에 설명되어 있습니다.

• 먼저 이름이 변경 될 애플리케이션이있는 디렉토리를 복사하십시오. 그리고 새로 복제 된 디렉토리로 이동합니다.
• index.ios/android.js매개 변수로 주어진 파일 의 이름 을 AppRegistry.
• 그에 따라 이름과 버전을 변경하십시오. package.json
• 삭제 /ios및 /android뿐만 아니라 구형 응용 프로그램에서 남아있는 폴더 폴더에 있습니다 app.json.
• 다시 $react-native upgrade생성 /ios하고 /android폴더를 실행 하십시오.
• $react-native link종속성에 대해 외부 실행 하십시오.
• 최종적으로 $react-native run-ios실행되는 것을 원하는 것을.

---

iOS의 경우 xcodeproj 설정을 변경하는 방법을 사용할 수 있습니다.

<앱 이름>-> Info.plist를 표시 하고 표시 이름을 추가 합니다.

iOS 앱 이름 변경 :

---

나는 아마도 조금 늦었을 것입니다. 그러나 솔리드 솔루션을 찾는 사람들을 위해 마법을 할 수 있는 react-native-rename npm 패키지가 있습니다.

---

1. app.json의 displayName을 새 이름으로 업데이트
2. 루트 프로젝트에서 ios / 및 android / 디렉토리 삭제

3. 명령 줄에서 실행 :

   react-native eject
   react-native link 
   

---

npm 패키지 ( react-native-rename ) 를 확인하고 싶을 수도 있습니다 .

용법:

react-native-rename <newName>

내 프로젝트에서 잘 작동합니다.

---

react-native-renamenpm 패키지 를 사용할 수 있습니다 .

npm install react-native-rename
react-native-rename [newName]

https://www.npmjs.com/package/react-native-rename

---

여기에서 언급했듯이 ( https://github.com/facebook/react-native/issues/4227 ) Bundle display name@janus_wel이 말한 것처럼 키 를 추가 할 필요가 없습니다 .

Bundle name에서 $(PRODUCT_NAME)로 간단히 업데이트 할 수 있습니다 My App.

---

react-native-renamenpm에서 라이브러리를 사용해보십시오 . 매력처럼 작동

---

1. IOS 앱의 경우 xcodeproj 설정 변경도 가능합니다.

프로젝트 디렉터리 / ios / (appname) 디렉터리에서 Info.plist 파일을 열고 번들 표시 이름을 변경합니다. CFBundleDisplayName 새 앱 이름

2. Android 앱의 경우 프로젝트 디렉토리의 android 폴더에서 변경할 수 있습니다.

   cd android / app / src / main / res / values ​​/

strings.xml 파일을 열고 앱 이름을 변경하십시오.

 <string name="app_name">NEW APP NAME</string>

---

• 먼저 이름 변경 응용 프로그램이 존재하는 주소를 복사하십시오. 그리고 새로 복제 된 디렉토리로 이동합니다.

• AppRegistry에 매개 변수로 제공된 index.ios / android.js 파일에서 이름을 바꿉니다.

• package.json에서 그에 따라 이름과 버전을 업데이트하십시오. 이전 앱에서 남아있는 / ios 및 / android 폴더를 제거하십시오.

• $ react-native upgrade를 실행하여 / ios 및 / android 폴더를 다시 생성하십시오. 외부 종속성에 대해 $ react-native 링크를 실행하십시오.

• 마지막으로 $ react-native run-ios 또는 기타를 실행하십시오.

---

• 업데이트 displayName의 app.json파일
• android및 ios폴더 삭제
• 내부 index.js변화AppRegistry.registerComponent('NEW_NAME_OF_APP', () => App);
• 및 폴더를 다시 react-native eject가져 오기 위해 실행androidios

참고 URL : https://stackoverflow.com/questions/32830046/renaming-a-react-native-project