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

时间:2016-01-14 16:27:25

标签: react-native

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

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

17 个答案:

答案 0 :(得分:54)

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

<强>更新

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

答案 1 :(得分:48)

尝试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>

答案 2 :(得分:20)

我为android做的这种方式(hacky,但它有效)只是改变了

中的字符串app_name字段

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

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

答案 3 :(得分:14)

我发现,如果您想要更改应用名称​​和包名称(即重命名整个应用),则需要执行以下步骤:

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

  • 删除android/ios/文件夹。

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

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

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

  • 如果您有关联的资源(例如自定义字体等),请运行react-native link

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

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

答案 4 :(得分:11)

首先: 在您的本机项目目录中打开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 命令。现在,只需在您的设备中安装应用即可。

答案 5 :(得分:8)

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

答案 6 :(得分:3)

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

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

答案 7 :(得分:2)

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

修改 /app.json 文件中的 displayName

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

中修改 app_name

然后 逐个运行这些命令

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

答案 8 :(得分:2)

对于Android

修改 app.json 文件中的 displayName

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

中修改 app_name

然后依次运行这些命令

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

对于iOS

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

在项目目标中选择您的应用程序项目作为主机应用程序进行测试(“常规”标签)enter image description here

答案 9 :(得分:1)

您可以尝试

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

答案 10 :(得分:0)

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 并根据需要进行更改。
注意:如果您的名字有空格,请使用 &#x2007; 代替空格。

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

答案 11 :(得分:0)

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

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

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

答案 12 :(得分:0)

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

答案 13 :(得分:0)

首先创建一个完整的项目备份,包括节点模块(以便将来恢复图标/图片..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

答案 14 :(得分:0)

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

答案 15 :(得分:0)

只需更改<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文件,请不要使用它!

答案 16 :(得分:-1)

工作步骤 2021

  • 删除/ios /android
  • /app.jsonpackage.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