ReactNative 升级

绝地灬酷狼 2022-01-11 03:15 388阅读 0赞

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

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

npm install -g react-native-git-upgrade

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

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

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

![Image 1][]

升级结果图.png

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

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

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

![Image 1][]

验证示图.png

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

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

![Image 1][]

模板文件示图.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解决

![Image 1][]

图1.png

![Image 1][]

图2.png

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

### 7.升级工作至此结束? ###

--------------------

[Link 1]: https://github.com/react-community/create-react-native-app/blob/master/VERSIONS.md
[Image 1]: