ReactNativeでアプリ名を変更する

ReactNativeアプリ名を変更する方法を見つけようとしています。私のデバイスにインストールされているAPKは、Androidアイコンが付いた単なる「アプリ」です。どうすればこれを変更できますか？

package.jsonを変更してreact-nativeupgradeを再実行しようとしましたが、AndroidManifest.xmlが更新されませんでした

ジェネレーターはにあるstrings.xmlファイルをオーバーライドしないandroid/app/src/main/res/values/ため、app_name変数を手動で変更する必要があります

react-nativeを試してください-このnpmパッケージの名前を変更すると、プロセスが簡単になります

// in project directory

   npx react-native-rename <newName>

アンドロイド用

app.jsonのdisplayNameを変更しますファイルのます

でapp_nameを変更しますandroid / app / src / main / res / valuesます

次に、これらのコマンドを1つずつ実行します

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

iOSの場合

表示名の変更プロジェクトターゲットの（[全般]タブ）

テスト用のプロジェクトターゲットでホストアプリケーションとしてアプリケーションプロジェクトを選択します（[全般]タブ）

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

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

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

アプリ名とパッケージ名の両方を変更する（つまり、アプリ全体の名前を変更する）場合は、次の手順が必要であることがわかりました。

• android/およびios/サブフォルダーに貴重なもの（生成されていない、手動でコピーされたリソース）がないことを確認してください。

• android/とios/フォルダの両方を削除します。

• の"name"エントリをpackage.json新しい名前に変更します。

• 両方のあなたにアプリ名を変更index.android.jsしてindex.ios.js： AppRegistry.registerComponent('NewAppName', () => App);

• 実行react-native upgradeして、プラットフォームサブフォルダーを再生成します。

• リソース（カスタムフォントなど）をリンクしている場合は、を実行しreact-native linkます。

• 他に生成されたリソース（アプリアイコンなど）がある場合は、スクリプトを実行してそれらを生成します（例yo）。

• 最後に、各デバイスで古いアプリをアンインストールして、新しいアプリを実行します。

あなたがあなたのアンドロイドフォルダ内の貴重な任意のものを持っていない場合は、その後、実行したフォルダを削除することができreact-native upgrade、その後react-native android。これらは、必要なファイルとフォルダーとともにAndroidManifest.xmlを再作成します。（Windows 10では0.18で試してみました）

あなたがAndroidだけを求めているなら、ここに解決策があります

ファイルを変更displayNameする/app.json

変更app_nameでandroid/app/src/main/res/values/strings.xml

次に、これらのコマンドを1つずつ実行します

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

まず第一に：app.json react-nativeプロジェクトディレクトリでファイルを 開きます。そして、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の場合： 開くinfo.plist、後の値<key>CFBundleDisplayName</key>をアプリ名に置き換えます。例えば：

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

デバイスにインストールされている以前のアプリをアンインストールします。使用して、インストールNPMディレクトリの実行フォルダIOSで、プロジェクトのメインディレクトリにポッドをインストールするコマンドを。今、あなたのデバイスにアプリをインストールするだけです。

アンドロイド用android / app / src / main / res / values /strings.xml私のAndroidアプリ

for ios xCodeで開くだけで、プロジェクトタブを選択します。一般的な名前を変更するだけです。

に<string name="app_name"> 'NEW_APP_NAME' </string> ある場所を変更するだけです

[project_dir] /android/app/src/main/res/values/strings.xml

注：推奨

react-native-rename

でポールNyondo多分MainApplication.javaファイルに影響を与え、それを使用しないでください！

あなたはこれを試すことができます

1. app.jsonのdisplayNameを新しい名前に更新します
2. ios /およびandroid /ディレクトリを削除します
3. 反応ネイティブイジェクトを実行します
4. react-nativeリンクを実行する

アプリ名を変更する前に、コードのバックアップを取得してから、次のパスに移動し、アプリ名を新しいアプリ名に置き換えて、もう1つのファイルapp.json E：*** \ android \ app \ src \ main \ resを変更します。 \ values \ strings.xml

<resources>
    <string name="app_name">New Name</string>
</resources>

app.json

{
  "name": "oldName",
  "displayName": "New Name"
}

簡単な方法

プロジェクト>アンドロイド>アプリ>メイン>解像度>スタイル

次に、アプリ名を変更します

まず最初に、ノードモジュールを含むプロジェクト全体のバックアップを作成します （将来的にアイコン/写真などを復元するため）

1. app.jsonのnameとdisplayNameを新しい名前に更新します
2. アプリフォルダの名前をアプリ名と同じに変更します
3. ios /およびandroid /ディレクトリを削除します
4. ndoeモジュールを削除する
5. package.jsonの名前を更新します（コードのimport＆require（）には新しい名前を使用する必要があります。例：import {x} from'NewAppName / src / api '）
6. ウォッチマンwatch-del-all
7. rm -rf / tmp / hash-map-react-native-packager- *
8. rm -rf / tmp / metro-bundler-cache- *
9. PCを再起動します
10. sudo npm install
11. 反応ネイティブイジェクト
12. アイコン/画像を復元する
13. react-nativeリンク
14. PCを再起動します
15. アプリの注意を実行 します。手動で設定する必要がある場合があります。私の場合、SplashScreen