重命名 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 >
它适用于我的项目。
- 将 app.json 中的显示名称更新为新名称
- 删除根项目中的ios/和android/目录
在命令行 运行:
react-native eject
react-native link
- 对于 IOS 应用,也可以更改 xcodeproj 设置。
从您的项目 directory/ios/{appname}
目录打开 Info.plist
文件并更改 Bundle 显示名称。
<key>CFBundleDisplayName</key>
<string>NEW APP NAME</string>
对于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 的解决方案对您有效或尝试破坏您的应用程序。这是最基本的。
- 使用您想将应用更改为的任何名称来启动一个新的 react-native 项目。
- 将依赖项列表从您之前的项目复制到新项目的 package.json
- 复制旧的项目文件,确保保持相同的结构。
- 运行
npm install
- 运行
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
将演示中的所有文件复制并粘贴到测试文件夹
更改 package.json 文件中的名称
更改包中的名称-lock.json文件
更改 App.json 文件中的名称
删除 /ios 和 /android 文件夹
运行 react-native eject 命令再次创建 /ios 和 /android 文件夹
运行 react-native link 用于任何外部依赖。
最终 运行 您的应用程序使用 react-native 运行-android 命令。
更多信息请访问https://youtu.be/_lgH9LXf818
是否有说明需要更改哪些内容才能重命名 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 >
它适用于我的项目。
- 将 app.json 中的显示名称更新为新名称
- 删除根项目中的ios/和android/目录
在命令行 运行:
react-native eject react-native link
- 对于 IOS 应用,也可以更改 xcodeproj 设置。
从您的项目 directory/ios/{appname}
目录打开 Info.plist
文件并更改 Bundle 显示名称。
<key>CFBundleDisplayName</key>
<string>NEW APP NAME</string>
对于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 的解决方案对您有效或尝试破坏您的应用程序。这是最基本的。
- 使用您想将应用更改为的任何名称来启动一个新的 react-native 项目。
- 将依赖项列表从您之前的项目复制到新项目的 package.json
- 复制旧的项目文件,确保保持相同的结构。
- 运行
npm install
- 运行
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
将演示中的所有文件复制并粘贴到测试文件夹
更改 package.json 文件中的名称
更改包中的名称-lock.json文件
更改 App.json 文件中的名称
删除 /ios 和 /android 文件夹
运行 react-native eject 命令再次创建 /ios 和 /android 文件夹
运行 react-native link 用于任何外部依赖。
最终 运行 您的应用程序使用 react-native 运行-android 命令。
更多信息请访问https://youtu.be/_lgH9LXf818