ReactNative修改项目名称

概述

React Native修改项目名称，很简单一个操作，但刚开始却走了一些弯路。都知道ReactNative有一个命令行工具。按理说，应该会提供一个修改方法才对。确实提供了一个工具，不过不是特别明显。

image

可以看到图1中有个eject参数，单从意思上很难看出他的作用，可能经验尚浅，也没太注意。官方文档第一页有做介绍：

image2

目的就是创建原生Code。
所以也就很明显了。通过这个命令改名称比手动改，安全并且高效得多了。

以下是步骤：

• 把相应添加的资源，如图片，拷贝出来
• 讲app.json的里面的displayName修改为新名称
• 修改index.js下 AppRegistry.registerComponent("rnbeen", () => RNBeen)
• 删除 android/ 和 ios/ 目录
• 运行 react-native eject
• 将拷贝出来的资源恢复到原来的位置
• 运行 react-native link

---

总结

稍微想一下，看下官方文档，或者Google一下，应该是能找到的。不过当时我输入的是中文，找出来的大多是手动修改。很久没写了，最近又开始写RN，都快忘了哪些地方需要手动改了，要是手动改，估计要哭了。再找找看，不过Google 就是哥，一搜就出来了。我再试了下百度，和搜索中文，简书也有一篇，也是手动修改的。所以写个文档纠正一下。
累了就不要憋着，憋着就习惯了。
有什么错误，欢迎指正。