我会给你提供循序渐进的程序。

首先，我们需要了解为什么我们需要重命名一个包? 主要用于唯一识别应用程序，对吗?React Native是一个跨平台的应用程序，可以在iOS和Android上运行。所以我的建议是在两个平台中需要相同的标识符。Android包名是你应用的唯一标识符，iOS是它的捆绑包ID。

步骤:

首先关闭所有编辑器/studio，例如:xcode android studio vscode，然后在终端上运行命令安装“react-native-rename”包(如果您觉得不安全，请将您的项目文件夹副本保存在另一个文件夹中进行备份):

NPM安装react-native-rename -g

成功安装包后，在终端中打开你的项目文件夹，点击以下命令，其中“your app name Within double quotes”是app名称，< your package name without双/单引号>被替换为package/bundle name/id:

react-native-rename "<你的应用名称包含双引号>" -b <你的包名称不包含双引号或单引号>

例如:react-native-rename "Aptitude Test App" -b com.vaibhavmojidra.aptitudetestapp

注意:确保包/包名/id都是小写的

这还没有完成，现在每个文件都会改变它有包/包的名字，除了一个在ios项目，我们手动需要做的，打开xcode>打开一个项目或文件>选择文件从projectfolder/ios/projectname。Xcodeproj，然后单击打开 单击您的项目名。xcodeproj是项目导航器中的第一个文件，然后在Bundle identifier字段中输入包名/Bundle ID，如下所示:

之后在终端上运行

cd ios

然后运行

正在安装

然后运行

cd . .

现在你完成了ios的所有更改，最后一步是打开Android Studio>打开现有项目>选择projectfolder/ Android文件夹>单击打开 让它加载并完成所有过程，然后在构建菜单中单击“清理项目”，然后在文件菜单中>关闭项目 关闭所有编辑器，现在你可以尝试在ios和android上运行项目的命令，它将以重命名的打包方式运行，同时启动服务器，添加额外的标志——reset-cache:

NPM start -reset-cache

现在就享受吧

运行后:

react-native-rename "MyApp" -b com.mycompany.myapp

确保也转到构建。Gradle在android/app/… 并重命名应用程序Id如下所示:

defaultConfig {
        applicationId:com.appname.xxx
........
}

Goto Android工作室

右键单击你的包(最可能是com)-> Refractor -> Rename ->在对话框中输入新的包名称-> Do Refractor

它将重命名您的包的名称。

我有一个基于@Cherniv的答案的解决方案(对我来说适用于macOS)。两个不同之处:我在java文件夹中有一个Main2Activity.java，我对它做了同样的事情，我不麻烦调用./gradlew clean，因为它似乎是react-native打包器自动做的。

无论如何，我的解决方案做什么Cherniv的做法，除了我为它做了一个bash shell脚本，因为我正在使用一组代码构建多个应用程序，并希望能够轻松地改变包的名称，每当我运行我的npm脚本。

下面是我使用的bash脚本。您需要修改想要使用的packageName，并向其中添加任何您想要的内容……但这里是基本的。你可以创建一个.sh文件，赋予权限，然后在运行react-native的文件夹中运行它:

rm -rf ./android/app/src/main/java


mkdir -p ./android/app/src/main/java/com/MyWebsite/MyAppName
    packageName="com.MyWebsite.MyAppName"
    sed -i '' -e "s/.*package.*/package "$packageName";/" ./android/app/src/main/javaFiles/Main2Activity.java
    sed -i '' -e "s/.*package.*/package "$packageName";/" ./android/app/src/main/javaFiles/MainActivity.java
    sed -i '' -e "s/.*package.*/package "$packageName";/" ./android/app/src/main/javaFiles/MainApplication.java
    sed -i '' -e "s/.*package=\".*/    package=\""$packageName"\"/" ./android/app/src/main/AndroidManifest.xml
    sed -i '' -e "s/.*package = '.*/  package = '"$packageName"',/" ./android/app/BUCK
    sed -i '' -e "s/.*applicationId.*/    applicationId \""$packageName"\"/" ./android/app/build.gradle

    cp -R ./android/app/src/main/javaFiles/ ./android/app/src/main/java/com/MyWebsite/MyAppName

免责声明:您需要首先编辑java文件底部附近的MainApplication.java注释。它在评论中有“包”这个词。由于脚本的工作方式，它将任何带有“包”字样的行替换掉。因此，此脚本可能无法在未来进行验证，因为在其他地方可能会使用相同的单词。

第二个免责声明:前3个sed命令从javaFiles目录编辑java文件。我自己创建了这个目录，因为我想从那里复制一组java文件(因为我可能会在将来向它添加新的包)。你可能也想做同样的事情。因此，从java文件夹中复制所有文件(通过它的子文件夹找到实际的java文件)，并将它们放在一个名为javaFiles的新文件夹中。

第三个免责声明:您需要编辑packageName变量，使其与脚本顶部和底部的路径(com.MyWebsite。MyAppName到com/MyWebsite/MyAppName

进入文件android/app/src/main/AndroidManifest.xml -

更新:

attr android:元素应用程序的标签为:

旧值- android:label="@字符串/app_name" android:label="(你想放的字符串)"

and

attr android:标签的元素活动为:

旧值- android:label="@字符串/app_name" android:label="(你想放的字符串)"

为我工作过，希望能有所帮助。

在VS Code中，按Ctrl + Shift + F，在“Find”中输入旧的包名，在“Replace”中输入新包名。然后按“替换所有事件”。

绝对不是务实的方式。但是，这对我来说很管用。