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


82

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

답변:


65

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

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

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


1
대부분의 경우이 문제를 해결해야하지만이 답변은 Android 전용 입니다.
chapeljuice

84

package.json, run 에서 name 속성을 변경하고 react-native upgradereact가 android / ios 파일을 덮어 쓰도록 할 수 있습니다. 그러나 저장되지 않은 코드가있는 경우 인덱스 파일을 덮어 쓰지 마십시오.

그런 다음 Appregistry 행을

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

에:

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

1
나는 또한 그에 따라 메인 클래스의 이름을 변경해야했다 : class MyApp extends Component {.... etc.
Per Quested Aronsson

4
당신도하고 싶은 것, 그래서이 이전 MyAppIOS 파일을 삭제하지 않습니다 $ rm -rf android/app/src/main/java/com/myappios && rm -rf ios/MyAppIOS*
닐 사카

6
나는 그것이 react-native upgrade당신의 반응 네이티브도 업그레이드 할 것이라고 생각합니다. 이것은 당신의 의존성과 함께 무언가를 깨뜨릴 수 있기 때문에 조심하십시오.
Herlon Aguiar 2016

우리는 웹에 흩어져 추가 단계의 번호를 발견 - 전체 목록을 게시 (및 풀 요청을 승인!)에서 : github.com/2MR/renaming-a-react-native-project
Freewalker

42

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

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

1
최신 버전의 반응 네이티브는 올바르게 기억하는 경우 app.json의 값도 변경합니다.
Christopher Bradshaw

4
예, 0.41 react-native 이후에 네이티브 폴더 /ios/android. 많은 사람이 확인할 수 있습니다 들어react-native eject
milkersarac


27

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

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

iOS 앱 이름 변경 :

여기에 이미지 설명 입력



8
  1. app.json의 displayName을 새 이름으로 업데이트
  2. 루트 프로젝트에서 ios / 및 android / 디렉토리 삭제
  3. 명령 줄에서 실행 :

    react-native eject
    react-native link 
    

7

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

용법:

react-native-rename <newName>

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


내 앱에서이 명령은 android / app / src / main / java / com / appname!
Johncy

경고 :이 라이브러리를 사용하지 마십시오. 그것은 당신의 프로젝트를 망칠 것입니다. 이것을 사용하지 마십시오.
MRSafari

6

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

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

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


1
솔루션에 대한 링크는 환영하지만 답변이없는 경우 유용한 지 확인하십시오 . 링크 주변에 컨텍스트를 추가 하여 동료 사용자가 그것이 무엇인지, 왜 거기에 있는지 알 수 있도록 한 다음 페이지에서 가장 관련성이 높은 부분을 인용하십시오. 대상 페이지를 사용할 수없는 경우 다시 연결합니다. 링크에 불과한 답변은 삭제 될 수 있습니다.
Filnor

또한이 사이트는 영어로만 제공되는 사이트이므로 영어로만 답변을 작성해야합니다. 포르투갈어의 경우 pt.stackoverflow.com으로
Filnor

3
경고 :이 라이브러리를 사용하지 마십시오. 그것은 당신의 프로젝트를 망칠 것입니다. 이것을 사용하지 마십시오.
MRSafari

@MRSafari -1, 온 나를 위해 일한 벌금 배출 (비 엑스포) 프로젝트
크리스 Sherriff

@MRSafari 그래서 자식이 있는거야?
iRohitBhatia


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

Info.plist프로젝트 directory/ios/{appname}디렉토리 에서 파일을 열고 번들 표시 이름을 변경 하십시오 .

<key>CFBundleDisplayName</key>
<string>NEW APP NAME</string>
  1. Android 앱의 경우 프로젝트 디렉토리의 android 폴더에서 변경할 수 있습니다.

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

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

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

4

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

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


이것은 나를 위해 일한 유일한 솔루션입니다. 나는 단순히 업데이트 CUSTOM_DISPLAY_NAME (디버그 및 릴리스에 대한 서로 다른 응용 프로그램 이름을 지원하기 위해)라는 빌드 설정, 추가 Bundle name$(CUSTOM_DISPLAY_NAME)
케빈 쿠퍼

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

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

  • package.json에 따라 이름과 버전을 업데이트하십시오. 이전 앱과

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

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


1

In-Case 어떤 솔루션도 귀하에게 효과가 없었거나 무언가 시도하여 앱이 손상되지 않았습니다. 이것은 기본입니다.

  1. 앱을 변경하려는 이름으로 새로운 반응 네이티브 프로젝트를 시작합니다.
  2. 이전 프로젝트의 종속성 목록을 새 프로젝트의 package.json으로 복사하십시오.
  3. 이전 프로젝트 파일을 복사하고 동일한 구조를 유지해야합니다.
  4. 운영 npm install
  5. 운영 react-native run-android

이것은 당신을 다시 궤도에 올릴 것입니다


0

나를 위해 일한 해결책은 먼저 반응 네이티브 프로젝트의 폴더 이름을 변경 한 다음

npm install react-native-rename

react-native-rename newName

그것은 나를 위해 작동합니다



0

React Native 1에서 프로젝트 / 앱의 이름을 변경하는 동안 다음 단계를 따라야합니다. 새 폴더 테스트를 만듭니다.

  1. 데모에서 테스트 폴더로 모든 파일 복사 및 붙여 넣기

  2. package.json 파일에서 이름 변경

  3. package-lock.json 파일에서 이름 변경

  4. App.json 파일에서 이름 변경

  5. / ios 및 / android 폴더 삭제

  6. react-native eject 명령을 실행하여 / ios 및 / android 폴더를 다시 만듭니다.

  7. 외부 종속성에 대해 반응 네이티브 링크를 실행하십시오.

  8. 마지막으로 react-native run-android 명령을 사용하여 앱을 실행합니다.

자세한 정보는 https://youtu.be/_lgH9LXf818을 방문 하십시오.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.