在React Native中更改应用程序名称

Question

我正在试图弄清楚如何更改ReactNative应用名称。 我设备上安装的APK只是“App”，带有Android图标。 我怎么能改变这个？

我已经尝试更改package.json并重新运行react-native upgrade但它没有更新AndroidManifest.xml

Answer 1

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

<强>更新

由于已经有一个包这样做，似乎是要走的路，所以最好查看@ DescArtes的answer

Answer 2

尝试react-native-rename此npm包将简化流程

// install react-native rename

   npm install react-native-rename -g
   or 
   yarn global add react-native-rename

// in project directory

   react-native-rename <New_Project_ Name>

Answer 3

我为android做的这种方式（hacky，但它有效）只是改变了

中的字符串app_name字段

机器人/应用/ SRC /主/ RES /值/ strings.xml中

它会将您安装的Android应用程序的名称更改为您放置的值。

Answer 4

我发现，如果您想要更改应用名称​​和包名称（即重命名整个应用），则需要执行以下步骤：

• 确保android/和ios/子文件夹中没有任何珍贵的内容（未生成，手动复制的资源）。

• 删除android/和ios/文件夹。

• 将"name"中的package.json条目更改为新名称。

• 更改index.android.js和index.ios.js中的应用名称： AppRegistry.registerComponent('NewAppName', () => App);

• 运行react-native upgrade重新生成平台子文件夹。

• 如果您有关联的资源（例如自定义字体等），请运行react-native link。

• 如果您有其他生成的资源（例如应用图标），请运行脚本以生成它们（例如yo）。

• 最后，卸载每个设备上的旧应用并运行新应用。

Answer 5

首先： 在您的本机项目目录中打开Dim linha As ListViewItem = New ListViewItem(txtNumero.Text, 0) 文件。并且，只需替换此文件中的app.json json属性值即可。例如：

displayName

对于Android应用： 打开{ "name": "SomethingSomething", "displayName": "My New App Name" } 文件，将strings.xml标签的值替换为新的应用程序名称。例如：

<string name="app_name">

对于iOS： 打开<string name="app_name">My New App Name</string> ，将info.plist之后的值替换为您的应用名称。例如：

<key>CFBundleDisplayName</key>

卸载以前安装在设备上的应用程序。在项目主目录中使用 npm install ，在ios文件夹目录中运行 pod install 命令。现在，只需在您的设备中安装应用即可。

Answer 6

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

Answer 7

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

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

Answer 8

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

修改 /app.json 文件中的 displayName

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

中修改 app_name

然后 逐个运行这些命令

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

Answer 9

对于Android

修改 app.json 文件中的 displayName

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

中修改 app_name

然后依次运行这些命令

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

对于iOS

在项目目标（“常规”标签）中修改显示名称

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

Answer 10

您可以尝试

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

Answer 11

2021 年更新

React 原生版本：0.64.0

安卓

查找并打开以下文件并根据需要进行更改。
\android\app\src\main\res\values\strings.xml

<resources>
    <string name="app_name">My App</string>
</resources>

app.json

{
  "name": "MyApp",
  "displayName": "My App"
}

iOS

找到并打开 \ios\YourAppName\Info.plist 并根据需要进行更改。
注意：如果您的名字有空格，请使用   代替空格。

<key>CFBundleDisplayName</key>
<string>My&#x2007;App</string>

Answer 12

将我在 android/app/src/main/res/values/strings.xml 中的应用名称更改为：

<resources>
    <string name="app_name">My App</string>
</resources>

并使用 npx react-native run-android 重新运行

Answer 13

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

Answer 14

首先创建一个完整的项目备份，包括节点模块（以便将来恢复图标/图片..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 install
11. 本机弹出
12. 还原图标/图像
13. 本机链接
14. 重启电脑
15. 运行应用 警告：您可能必须手动进行设置。就我而言SplashScreen

Answer 15

简单地 项目> android> app> main> res> style 然后更改应用名称

Answer 16

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

  

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

注意：推荐

  

react-native-rename

Paul Nyondo的

可能会影响MainApplication.java文件，请不要使用它！

Answer 17

工作步骤 2021。

• 删除/ios /android
• 在 /app.json 和 package.json 中将应用名称更改为新名称
• 运行 npx react-native upgrade - 即使没有生成平台文件，这也很重要。
• 创建一个单独的目录并在那里运行 npx react-native init NewProjectName。
• 将 ios 和 android 文件夹从生成的项目复制到旧项目
• 对于 IOS - 在旧项目的 pod install 中运行 /ios 并运行 cd .. && npx react-native run-ios
• 对于 Android - 运行 npx react-native run-android