React Native 프로젝트의 이름을 변경하기 위해 변경해야 할 사항에 대한 지침이 있습니까? MyAppIOS 라인을 따라 뭔가라는 앱이 있고 이름을 간단히 MyApp으로 바꾸고 싶습니다 (이제 Android 지원이 중단됨)
답변:
package.json
, run 에서 name 속성을 변경하고 react-native upgrade
react가 android / ios 파일을 덮어 쓰도록 할 수 있습니다. 그러나 저장되지 않은 코드가있는 경우 인덱스 파일을 덮어 쓰지 마십시오.
그런 다음 Appregistry 행을
AppRegistry.registerComponent('MyAppIOS', () => MyAppIOS);
에:
AppRegistry.registerComponent('MyApp', () => MyApp);
$ rm -rf android/app/src/main/java/com/myappios && rm -rf ios/MyAppIOS*
react-native upgrade
당신의 반응 네이티브도 업그레이드 할 것이라고 생각합니다. 이것은 당신의 의존성과 함께 무언가를 깨뜨릴 수 있기 때문에 조심하십시오.
저에게 여러 번 효과가있는 것은 아래에 설명되어 있습니다.
index.ios/android.js
매개 변수로 주어진 파일 의 이름 을 AppRegistry
.package.json
/ios
및 /android
뿐만 아니라 구형 응용 프로그램에서 남아 있습니다 폴더 app.json
당신이 경우 파일.$react-native upgrade
생성 /ios
하고 /android
폴더를 실행 하십시오.$react-native link
외부 종속성에 대해 실행 하십시오.$react-native run-ios
하거나 원하는 것을.나는 아마도 조금 늦었을 것입니다. 그러나 솔리드 솔루션을 찾는 사람들을 위해 마법을 할 수 있는 react-native-rename npm 패키지가 있습니다.
명령 줄에서 실행 :
react-native eject
react-native link
npm 패키지 ( react-native-rename ) 를 확인하고 싶을 수도 있습니다 .
용법:
react-native-rename <newName>
내 프로젝트에서 잘 작동합니다.
react-native-rename
npm 패키지 를 사용할 수 있습니다 .
npm install react-native-rename
react-native-rename [newName]
Info.plist
프로젝트 directory/ios/{appname}
디렉토리 에서 파일을 열고 번들 표시 이름을 변경 하십시오 .
<key>CFBundleDisplayName</key>
<string>NEW APP NAME</string>
Android 앱의 경우 프로젝트 디렉토리의 android 폴더에서 변경할 수 있습니다.
cd android/app/src/main/res/values/
strings.xml
파일을 열고 앱 이름을 변경하십시오.
<string name="app_name">NEW APP NAME</string>
여기에서 언급했듯이 ( https://github.com/facebook/react-native/issues/4227 ) Bundle display name
@janus_wel이 말한 것처럼 키 를 추가 할 필요가 없습니다 .
Bundle name
에서 $(PRODUCT_NAME)
로 간단히 업데이트 할 수 있습니다 My App
.
Bundle name
로$(CUSTOM_DISPLAY_NAME)
먼저 이름 변경 응용 프로그램이 존재하는 주소를 복사하십시오. 그리고 새로 복제 된 디렉토리로 이동합니다.
AppRegistry에 매개 변수로 제공된 index.ios / android.js 파일에서 이름을 바꿉니다.
package.json에 따라 이름과 버전을 업데이트하십시오. 이전 앱과
$ react-native upgrade를 실행하여 / ios 및 / android 폴더를 다시 생성하십시오. 외부 종속성에 대해 $ react-native 링크를 실행하십시오.
마지막으로 $ react-native run-ios 또는 기타를 실행하십시오.
In-Case 어떤 솔루션도 귀하에게 효과가 없었거나 무언가 시도하여 앱이 손상되지 않았습니다. 이것은 기본입니다.
npm install
react-native run-android
이것은 당신을 다시 궤도에 올릴 것입니다
나를 위해 일한 해결책은 먼저 반응 네이티브 프로젝트의 폴더 이름을 변경 한 다음
npm install react-native-rename
react-native-rename newName
그것은 나를 위해 작동합니다
단 하나의 명령으로 react-native-rename의 이름 바꾸기 react-native-rename
설치
yarn global add react-native-rename
또는
npm install react-native-rename -g
사용법은 프로젝트의 디렉토리에서 아래 명령을 실행하십시오.
react-native-rename <newName>
예:
react-native-rename "Travel App"
React Native 1에서 프로젝트 / 앱의 이름을 변경하는 동안 다음 단계를 따라야합니다. 새 폴더 테스트를 만듭니다.
데모에서 테스트 폴더로 모든 파일 복사 및 붙여 넣기
package.json 파일에서 이름 변경
package-lock.json 파일에서 이름 변경
App.json 파일에서 이름 변경
/ ios 및 / android 폴더 삭제
react-native eject 명령을 실행하여 / ios 및 / android 폴더를 다시 만듭니다.
외부 종속성에 대해 반응 네이티브 링크를 실행하십시오.
마지막으로 react-native run-android 명령을 사용하여 앱을 실행합니다.
자세한 정보는 https://youtu.be/_lgH9LXf818을 방문 하십시오.