我正在尝试弄清如何更改ReactNative应用程序的名称。 我设备上安装的APK只是“App”,带有Android图标。 我该如何更改这个呢?
我尝试更改package.json并重新运行react-native upgrade,但它没有更新AndroidManifest.xml文件。
我正在尝试弄清如何更改ReactNative应用程序的名称。 我设备上安装的APK只是“App”,带有Android图标。 我该如何更改这个呢?
我尝试更改package.json并重新运行react-native upgrade,但它没有更新AndroidManifest.xml文件。
生成器不会覆盖位于android/app/src/main/res/values/
目录下的strings.xml
文件,因此您需要手动更改app_name
变量。
displayName
is corresponding to key name
in app.json
- GuillaumeRZ尝试使用react-native-rename这个npm包,它可以简化这个过程。
This package assumes that you created your react-native project
using react-native init.
注意:该软件包不会尝试正确重命名构建工件,例如ios / build或Cocoa Pod安装目标。在重命名项目后,您应该清理、构建和重新安装第三方依赖项,以使其能够正确地使用新名称运行。
// in project directory
npx react-native-rename <newName>
首先:打开你的React Native项目目录下的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命令。现在只需在您的设备上安装该应用程序即可。
更新2021年
React Native版本: 0.64.0
Android
找到并打开以下文件,根据需要进行更改。 \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 App</string>
我在Android上的解决方法(有点不正规,但有效)是只需更改android/app/src/main/res/values/strings.xml
中的字符串app_name
字段。
这将更改您安装的Android应用程序的名称为您设置的值。
确保您的android/
和ios/
子文件夹中没有任何重要的内容(非生成的、手动复制的资源)。
删除android/
和ios/
文件夹。
将package.json
中的"name"
条目更改为新名称。
在index.android.js
和index.ios.js
中同时更改应用程序名称:
AppRegistry.registerComponent('NewAppName', () => App);
运行react-native upgrade
重新生成平台子文件夹。
如果您已链接资源(如自定义字体等),请运行react-native link
。
如果您有其他生成的资源(如应用图标),请运行脚本生成它们(例如yo
)。
最后,在每个设备上卸载旧应用程序并运行新应用程序。
react-native-git-upgrade
。但我无法使用 yarn
运行它。我的项目不使用 npm
,也不想全局安装它。因此,正在尝试找出我的选择。到目前为止,react-native-git-upgrade
在CLI中失败。 - Mike S.react-native upgrade
现在不会再生成平台子文件夹了。 - Dogu Deniz Ugurreact-native upgrade
不再创建子文件夹。我刚刚按照这些步骤操作,现在我没有这些文件夹了。 - mikasa如果您只需要针对 Android 的解决方案,请执行以下操作:
在 /app.json
文件中修改 displayName
。
在 android/app/src/main/res/values/strings.xml
中修改 app_name
。
然后逐个运行以下命令。
cd android
gradlew clean
cd ..
react-native run-android
app.json
中必须定义name
,但我已经定义了,是怎么回事? - Mr-Programs如果你的android文件夹中没有任何重要的东西,可以删除该文件夹,然后运行react-native upgrade
以及react-native android
。这将重新创建AndroidManifest.xml以及必要的文件和文件夹。(在Windows 10上尝试过0.18)
对于 Android android/app/src/main/res/values/strings.xml 我的 Android 应用
对于 iOS 只需在 xCode 中打开它并选择项目标签,通常将其重命名即可。