React Nativeプロジェクトの名前を変更しますか？

82

React Nativeプロジェクトの名前を変更するために何を変更する必要があるかについての指示はありますか？MyAppIOSに沿って何かと呼ばれるアプリがあり、名前を単にMyAppに変更したい（Androidのサポートが終了したため）

react-native 
— ある男
ソース

回答:

65

私がAndroidでこれを行った方法（ハッキーですが、機能します）は、文字列app_nameフィールドを変更するだけです。

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

インストールされているAndroidアプリの名前が、値として入力した名前に変更されます。

— httpNick
ソース
1
ほとんどの人がこれを理解する必要がありますが、参考までに、この回答はAndroid専用です。
— チャペルジュース2017年
84

package.json、runreact-native upgradeでname属性を変更し、reactにandroid / iosファイルを上書きさせることができます。ただし、保存されていないコードがある場合は、インデックスファイルを上書きしないでください。

次に、登録ラインをから変更します。

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

に：

AppRegistry.registerComponent('MyApp', () => MyApp);
— denixtry
ソース
1
また、それに応じてメインクラスの名前を変更する必要がありました。クラスMyApp extends Component {....など
— QuestedAronssonによる2016
4
これは古いMyAppIOSファイルを削除しないので、次のことも行う必要があります。– $ rm -rf android/app/src/main/java/com/myappios && rm -rf ios/MyAppIOS*
— Neil Sarkar
6
これreact-native upgradeにより、react-nativeもアップグレードされると思います。依存関係で何かが壊れる可能性があるため、注意してください。
— Herlon Aguiar 2016
— 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
新しいバージョンのreactnativeでは、正しく覚えていれば、app.jsonの値も変更する必要があります。
— クリストファーブラッドショー
4
はい、0.41以降、react-nativeはネイティブフォルダ/iosとを再生成する公式の方法を提供しているよう/androidです。詳細については、確認できますreact-native eject
— milkersarac 2017
— 22:34
27

iOSの場合、xcodeproj設定を変更する方法も利用できます。

<アプリ名>-> Info.plistを表示し、バンドル表示名を追加します。

iOSアプリ名の変更：

ここに画像の説明を入力してください

— janus_wel
ソース
8
  1. app.jsonのdisplayNameを新しい名前に更新します
  2. ルートプロジェクトのios /およびandroid /ディレクトリを削除します

  3. コマンドラインで実行： 

    react-native eject
react-native link
— モハマドレザザンディ
ソース
7

npmパッケージ（react-native-rename）もチェックアウトすることをお勧めします。

使用法：

react-native-rename <newName>

私のプロジェクトでは問題なく動作します。

— CTiPKA
ソース
私のアプリでは、このコマンドはandroid / app / src / main / java / com / appnameの下にある私のJavaファイルを削除します！
— ジョンシー2018年
警告：このライブラリは使用しないでください。それはあなたのプロジェクトを台無しにするでしょう。これは絶対に使用しないでください。
— MRSafari
6

react-native-renamenpmパッケージを使用できます。

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

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

— Joao Pedro Leite S Lisboa
ソース
1
ソリューションへのリンクは大歓迎ですが、それがなくても回答が役立つことを確認してください。リンクの周りにコンテキストを追加して、他のユーザーがそれが何であるか、なぜそこにあるのかを理解できるようにしてから、ページの最も関連性の高い部分を引用してください。ターゲットページが利用できない場合に再リンクします。リンクに過ぎない回答は削除される場合があります。
— Filnor 2018
また、これは英語のみのサイトであるため、英語のみで回答を書く必要があります。ポルトガル語については、pt.stackoverflow.com
— Filnor
3
警告：このライブラリは使用しないでください。それはあなたのプロジェクトを台無しにするでしょう。これは絶対に使用しないでください。
— MRSafari
@MRSafari -1、排出され（非博覧会）のプロジェクトで私のために働いた罰金
— クリス・シェリフ
@MRSafariだから、gitがあるの？
— 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)
— Kevin Cooper
1

  • まず、名前を変更したいアプリケーションが存在するアドレスをコピーします。そして、新しく複製したディレクトリに移動します。

  • AppRegistryにパラメーターとして指定されているindex.ios / android.jsファイルの名前を置き換えます。

  • package.jsonで名前とバージョンを適宜更新し、古いアプリとから残っている/ iosフォルダーと/ androidフォルダーを削除します。

  • $ react-native upgradeを実行して、/ iosフォルダーと/ androidフォルダーを再度生成します。外部依存関係に対して$ react-nativeリンクを実行します。

  • 最後に、$ react-nativerun-iosなどを実行します。

— poojagarg
ソース
1

ケース内どの解決策もうまくいかなかったか、何かを試みてもアプリが壊れました。これは基本になります。

  1. アプリを変更したい名前で新しいreact-nativeプロジェクトを初期化します。
  2. 以前のプロジェクトから新しいプロジェクトのpackage.jsonに依存関係リストをコピーします
  3. 古いプロジェクトファイルをコピーし、同じ構造を維持するようにしてください。
  4. 実行 npm install
  5. 実行 react-native run-android

これで軌道に戻るはずです

— Sarthak Dwivedi
ソース
0

私のために働いた解決策は、最初にあなたのreact-nativeプロジェクトのフォルダーの名前を変更することです

npm install react-native-rename

react-native-rename newName

わたしにはできる

— Akhzar Nazir
ソース
0

1つのコマンドreact-native-renameでreact-nativeアプリの名前を変更します

インストール

yarn global add react-native-rename または npm install react-native-rename -g

使用法は、プロジェクトのディレクトリで以下のコマンドを実行します。

react-native-rename <newName>

例：

react-native-rename "Travel App"

— 板谷カッセム
ソース
0

react Native1でProject / appの名前を変更するときは、次の手順に従う必要があります。新しいフォルダーテストを作成します。

  1. すべてのファイルをデモからテストフォルダーにコピーして貼り付けます

  2. package.jsonファイルの名前を変更します

  3. package-lock.jsonファイルの名前を変更します

  4. App.jsonファイルの名前を変更します

  5. / iosおよび/ androidフォルダーを削除します

  6. react-nativeイジェクトコマンドを実行して、/ iosおよび/ androidフォルダーを再度作成します

  7. 外部依存関係に対してreact-nativeリンクを実行します。

  8. 最後に、react-nativerun-androidコマンドを使用してアプリを実行します。

詳細については、https：//youtu.be/_lgH9LXf818をご覧ください。

— チャンドラカントシャルマ博士
ソース
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.