修改 React-Native Android App 包名

转载自：http://www.th7.cn/Program/Android/201609/965448.shtml

ReactNative

不知道是为什么（大概是依赖太多？），每次执行 react-native init 创建新项目的时候，总是要等个将近 10 分钟的样子…… 对于初学者来说，需要在短时间内创建好多好多好多的项目，这样每次 init 就要浪费好长的时间。用 verbose 模式一看，其实 react-native init 的过程中大部分时间是在安装 node_modules 文件夹里的依赖，那么如果每次要创建新项目的时候保留 node_modules 文件夹，只是复制一份纯净的 android, ios, index.android.js 和 index.ios.js 会省很多的时间。

不过众所周知的是即使这样做的话，如果不做改动的话，这些新项目的 package name 都是相同的，在同一台设备中只能存在一个唯一包名的 App 。搜索了一下 React Native 改包名 一类的关键词，找到了一些结果，好像很有道理的样子，照做之后兴高采烈地 react-native run-android 的时候……各种编译出错。于是就在这个基础上，自己踩了一些坑，最后总结出了修改包名的完整过程。

我们知道，例如我们执行 react-native init AwesomeProject 的时候，创建的 App 包名默认是 com.AwesomeProject 。
首先最容易找到的是 package.json 当中的 name 字段，修改它（其实后来发现修不修改都没有什么关系，因为并没有什么卵用）。
然后是 android 目录下的 build.gradle ，这个是 gradle 执行 build 的 config 文件，里面大概
90 行左右，在 defaultConfig 块中有一个 applicationId “com.AwesomeProject” ，
修改它。 修改 android/src/main 目录下的 AndroidManifest.xml ，第
2 行就是了，找到 package=“com.AwesomeProject” ，修改之。 接着就是 android/src/main/java 目录下的东西了。首先这个文件夹中你可以看到 ./com/AwesomeProject 目录，我们先把这个目录下的两个文件移动走，然后放到对应你想要修改的包名的目录。例如这里，我想修改包名为 com.kirainmoe.helloworld ，我们就在 android/src/main/java 目录下创建这样的层级目录： ./com/kirainmoe/helloworld/ ，然后将两个文件 MainActivity.java
和 MainApplication.java 移动过去。 然后修改 MainActivity.java & MainApplication.java 第一行中的 package
com.AwesomeProject; 改掉，改成你想要的包名，记住一定要和前面的对应。

（百度出来的回答到这里结束，然而……）

好了，做到这里之后就尝试了一下 react-native run-android ，结果在构建 debug app 的时候，到 :app:compileDebugJavaWithJavac 这一步就报错了：

/path/to/MainApplication.java:20: 错误: 找不到符号

return BuildConfig.DEBUG;

^

符号: 变量 BuildConfig

1 个错误

FAILED

FAILURE: Build failed with an exception.

* What went wrong:

Execution failed for task ‘:app:compileDebugJavaWithJavac’.

> Compilation failed; see the compiler error output for details.

* Try:

Run with — stacktrace option to get the stack trace. Run with — info or — debug option

to get more log output.

BUILD FAILED

Total time: 1 mins 5.339 secs

Could not install the app on the device, read the error above for details.

Make sure you have an Android emulator running or a device connected and have

set up your Android development environment:
https://facebook.github.io/react-native/docs/android-setup.html
orz，看看错误信息应该是出在 MainApplication.java 上，这里的内容是：
return BuildConfig.DEBUG;

搜索一下这个错误信息，好像确实有遇到的人，但是这里提出的解决方案是针对 Android Studio 下的……不过其中一句话启发了我：

BuildConfig类是在编译时自动生成的，分为debug和release两个版本，路径是：

修改包名后，原来使用到BuildConfig类的类，import语句会出错，

把import语句的包名改为修改后的包名或者删除这条import语句（让系统自动补充import语句），调试时提示找不到BuildConfig类

import 修改后的包名.BuildConfig;

最后一句话中提到可以通过 import packageName.BuildConfig; 引入，那么我们也可以带上包名来 return 以解决找不到 BuildConfig 的问题，把刚才的语句修改为：
return your.package.name.BuildConfig;

例如，我可以改成：
return com.kirinmoe.helloworld.BuildConfig;

好了，到此为止，再次执行 react-native run-android ，问题就不再出现了。