在React Native中更改应用名称

我试图弄清楚如何更改ReactNative应用程序名称。我的设备上安装的APK只是带有Android图标的“应用”。我该如何更改？

我尝试更改package.json并重新运行react-native升级，但未更新AndroidManifest.xml

生成器不会覆盖strings.xml位于中的文件android/app/src/main/res/values/，因此您必须app_name手动更改变量

尝试react-native-rename这个npm软件包将简化过程

// in project directory

   npx react-native-rename <newName>

对于Android

修改显示名在app.json文件

在android / app / src / main / res / values / strings.xml中修改app_name

然后一一运行这些命令

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

对于iOS

修改项目目标中的显示名称（“常规”选项卡）

在项目目标中选择您的应用程序项目作为主机应用程序进行测试（“常规”选项卡）

我为Android执行此操作的方式（hacky，但它可以工作）只是更改了字符串中的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）。

• 最后，在每台设备上卸载旧应用程序并运行新设备。

如果您的android文件夹中没有任何珍贵的东西，则可以删除该文件夹，然后运行react-native upgradethen react-native android。这些将重新创建AndroidManifest.xml以及必要的文件和文件夹。（在Windows 10中于0.18尝试）

如果您只要求Android，这是解决方案

修改 displayName于/app.json文件中

修改 app_name于android/app/src/main/res/values/strings.xml

然后一一运行这些命令

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

首先：app.json在您的本机项目目录中 打开文件。并且，只需替换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 install，在ios文件夹目录中运行pod install命令。现在，只需在您的设备中安装应用即可。

适用于android android / app / src / main / res / values / strings.xml我的Android应用

对于ios，只需在xCode中打开它，然后选择“项目”标签即可。

只需更改<string name="app_name"> 'NEW_APP_NAME' </string> 位于

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

注意：推荐

react-native-rename

由保罗·尼翁多可能影响MainApplication.java文件，不要使用它！

你可以试试这个

1. 将app.json中的displayName更新为新名称
2. 删除ios /和android /目录
3. 运行本机弹出
4. 运行本机链接

在更改应用程序名称之前，请先获取代码的备份，然后转到以下路径，用新的应用程序名称替换您的应用程序名称，然后再更改一个文件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"
}

简单的方法

项目> android>应用>主要> res>样式

然后更改应用名称

首先，创建项目的完整备份，包括节点模块 （以便将来还原图标/图片..etc）

1. 将app.json中的名称和displayName更新为新名称
2. 将应用程序文件夹重命名为与应用程序名称相同
3. 删除ios /和android /目录
4. 删除ndoe模块
5. 更新package.json中的名称（您必须在代码中为import＆require（）使用新名称。例如：从'NewAppName / src / api'导入{x}）
6. 守望者
7. rm -rf / tmp / haste-map-react-native-packager- *
8. rm -rf / tmp / metro-bundler-cache- *
9. 重新启动电脑
10. sudo npm安装
11. 反应性喷射
12. 恢复图标/图像
13. 反应本机链接
14. 重新启动电脑
15. 谨慎运行应用程序 ：您可能必须手动设置。就我而言SplashScreen