概述
React Native修改项目名称,很简单一个操作,但刚开始却走了一些弯路。都知道ReactNative有一个命令行工具。按理说,应该会提供一个修改方法才对。确实提供了一个工具,不过不是特别明显。
可以看到图1中有个eject
参数,单从意思上很难看出他的作用,可能经验尚浅,也没太注意。官方文档第一页有做介绍:
目的就是创建原生Code。
所以也就很明显了。通过这个命令改名称比手动改,安全并且高效得多了。
以下是步骤:
- 把相应添加的资源,如图片,拷贝出来
- 讲
app.json
的里面的displayName
修改为新名称 - 修改index.js下
AppRegistry.registerComponent("rnbeen", () => RNBeen)
- 删除
android/
和ios/
目录 - 运行
react-native eject
- 将拷贝出来的资源恢复到原来的位置
- 运行
react-native link
总结
稍微想一下,看下官方文档,或者Google
一下,应该是能找到的。不过当时我输入的是中文,找出来的大多是手动修改。很久没写了,最近又开始写RN
,都快忘了哪些地方需要手动改了,要是手动改,估计要哭了。再找找看,不过Google
就是哥,一搜就出来了。我再试了下百度,和搜索中文,简书也有一篇,也是手动修改的。所以写个文档纠正一下。
累了就不要憋着,憋着就习惯了。
有什么错误,欢迎指正。