重命名 React Native 项目?

Renaming a React Native project?

是否有说明需要更改哪些内容才能重命名 React Native 项目?我有一个名为 MyAppIOS 的应用程序,我想将它重命名为简单的 MyApp(现在 Android 支持已经结束)

我为 android 执行此操作的方式(hacky,但它有效)只是更改了

中的字符串 app_name 字段

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

它会将您安装的 android 应用程序的名称更改为您输入的值。

您可以更改 package.json、运行 react-native upgrade 中的名称属性,让 React 覆盖 android/ios 文件。但是,如果有未保存的代码,请不要覆盖您的索引文件。

然后将您的 AppRegistry 行从

更改为
AppRegistry.registerComponent('MyAppIOS', () => MyAppIOS);

收件人:

AppRegistry.registerComponent('MyApp', () => MyApp);

对于iOS,更改xcodeproj设置的方法也是可用的。

显示 <您的应用程序名称> -> Info.plist 并添加 捆绑包显示名称

正在更改 iOS 应用名称:

如此处所述 (https://github.com/facebook/react-native/issues/4227),您不需要添加 Bundle display name 密钥,如@janus_wel 所述。

您只需将 Bundle name$(PRODUCT_NAME) 更新为 My App

以下说明了对我多次有效的方法;

  • 先复制你的待改名应用所在的目录 存在。然后转到新克隆的目录。
  • 将作为参数给定的 index.ios/android.js 文件中的名称更改为 AppRegistry
  • package.json
  • 上相应地更改名称和版本
  • 删除旧应用中剩余的 /ios/android 文件夹以及 app.json 文件(如果有)。
  • 运行 $react-native upgrade 再次生成 /ios/android 文件夹。
  • 运行 $react-native link 对于任何外部依赖项。
  • 终于 运行 $react-native run-ios 或任何你想要的。

我可能有点晚了,但是对于那些寻找可靠解决方案的人来说,有一个 react-native-rename npm 包可以发挥作用。

您可能还想查看 npm 包 (react-native-rename):

Usage:

react-native-rename < newName >

它适用于我的项目。

  1. 将 app.json 中的显示名称更新为新名称
  2. 删除根项目中的ios/和android/目录
  3. 在命令行 运行:

    react-native eject
    react-native link 
    
  1. 对于 IOS 应用,也可以更改 xcodeproj 设置。

从您的项目 directory/ios/{appname} 目录打开 Info.plist 文件并更改 Bundle 显示名称。

<key>CFBundleDisplayName</key>
<string>NEW APP NAME</string>
  1. 对于android应用程序,您可以在项目目录的android文件夹中更改。

    cd android/app/src/main/res/values/

打开 strings.xml 文件并在

中更改应用名称
 <string name="app_name">NEW APP NAME</string>
  • 首先复制你要改名申请的地址。然后转到新克隆的目录。

  • 替换索引处的名称。ios/android.js 文件作为参数提供给 AppRegistry。

  • 在 package.json 上相应地更新名称和版本 删除旧应用程序和

  • 中剩余的 /ios 和 /android 文件夹
  • 运行 $react-native 升级再次生成 /ios 和 /android 文件夹。和 运行 $react-native link 用于任何外部依赖。

  • 最后,运行 $react-native 运行-ios 否则。

以防万一 None 的解决方案对您有效或尝试破坏您的应用程序。这是最基本的。

  1. 使用您想将应用更改为的任何名称来启动一个新的 react-native 项目。
  2. 将依赖项列表从您之前的项目复制到新项目的 package.json
  3. 复制旧的项目文件,确保保持相同的结构。
  4. 运行 npm install
  5. 运行 react-native run-android

这应该能让您重回正轨

仅用一个命令重命名 react-native 应用 react-native-rename

安装

yarn global add react-native-rename 要么 npm install react-native-rename -g

使用运行项目目录中的以下命令。

react-native-rename <newName>

示例:

react-native-rename "Travel App"

在 React Native 中重命名 Project/app 时必须遵循以下步骤 1.新建文件夹test

  1. 将演示中的所有文件复制并粘贴到测试文件夹

  2. 更改 package.json 文件中的名称

  3. 更改包中的名称-lock.json文件

  4. 更改 App.json 文件中的名称

  5. 删除 /ios 和 /android 文件夹

  6. 运行 react-native eject 命令再次创建 /ios 和 /android 文件夹

  7. 运行 react-native link 用于任何外部依赖。

  8. 最终 运行 您的应用程序使用 react-native 运行-android 命令。

更多信息请访问https://youtu.be/_lgH9LXf818