ReactNative 升级

这里主要记录的是 react native（0.46.4）升级到(0.50.1)的情况。react-native react 之间对应版本关系链接地址 。

1.首先先安装一下升级的工具（最新版本的）

npm install -g react-native-git-upgrade

2.然后执行升级命令（最新版本，版本号可不指明）

react-native-git-upgrade 0.50.1
顺便说一下，不知道是不是我安装了 yarn 的原因，在执行这个命令后报了一个package-lock.json 的错误，将这个文件删掉就好了.

3.升级命令后的结果如图

升级结果图.png

对于图中出现的问题，如果有冲突的话，解决一下冲突，没有则不用理会。

4.验证一下是否升级成功

react-native -v 查看当前版本
react-native upgrade  升级项目工程中的模板文件

验证示图.png

从图中结果可以看出，package.json 中的 react-native 的版本号与 node_modules 中的实际版本不一样，这时只需要把package.json 中的原来的0.46.4 -> 0.50.1, react 对应也去改一下。

5.再次执行 react-native upgrade(模板文件升级可省略)

模板文件示图.png

模板文件:
.flowconfig
.gitignore
android/app/build.gradle
android/app/proguard-rules.pro
android/app/src/main/AndroidManifest.xml
android/app/src/main/res/../ic_launcher.png (启动图)
android/app/src/main/res/values/strings.xml
android/app/src/main/res/values/styles.xml
android/gradle/wrapper/gradle-wrapper.properties
android/settings.gradle
ios/工程名/AppDelegate.h 、ios/工程名/AppDelegate.m
ios/工程名/Base.lproj/LaunchScreen.xib
ios/工程名/Images.xcassets/AppIcon.appiconset/Contents.json
ios/工程名/Images.xcassets/Contents.json
ios/工程名/Info.plist
ios/工程名.xcodeproj/project.pbxproj
ios/工程名.xcodeproj/xcshareddata/xcschemes/工程名-tvOS.xcscheme
ios/工程名.xcodeproj/xcshareddata/xcschemes/工程名.xcscheme
ios/工程名Tests/Info.plist

对于模板文件，你可以选择覆盖（y），也可以保留(n)当前工程中的。到此，整个升级过程就完成了。

6.接下来验证一下，工程是否能跑起来.

react-native run-ios
如果遇到`PropTypes`相关的问题，则可能是工程中用到的三方组件没有更新，可以选择更新，也可以直接修改源码 `import PropTypes from 'prop-types';`

react-native run-android 出现图1错误，则按照图2解决

图1.png

图2.png

将@override 注释掉，或者将整个方法注释掉，就好了(见图2)。

7.升级工作至此结束?

---