更新RN版本到0.61.0遇到的问题

2019-12-04

1、RN升级到0.61.0版本,项目依赖的第三方库可能也要随之升级,因为Android版本更新后,旧版本的第三库使用的可能是老旧的API,与新版本不兼容,因此需要升级。

 

2、新版react-native移除了部分老旧的组件,部分API也会随之更新。旧版本的react-native若使用这些组件或者API就会报错。

 

3、第三方库有兼容性问题或者报错,可以到对应库github上面的issues去查找解决方案。

(1)查看github的issues,搜索关键字看有没有类似的问题,可能会找到解决方案。

(2)查看release,看看第三方库的更新日志,寻找一个兼容性好的新版本。

 

RN升级到0.61.0版本后,组件和第三方库相关的问题(导致APP报错不能正常运行)

 

1、添加@react-native-community/netinfo。(网络状态)

新版本react-native剔除了NetInfo模块,把它放到了@react-native-community/netinfo库当中,引用NetInfo模块须从@react-native-community/netinfo库获取。

https://github.com/react-native-community/react-native-netinfo

 

2、react-native-scrollable-tab-view

错误信息:Android: Invariant Violation requireNativeComponent: "RNCViewPager" was ton found in the UIManager。

解决办法:

yarn add @react-native-community/viewpager

react-native link @react-native-community/viewpager

 

3、WebView组件(导致APP报错不能正常运行)

错误信息:Invariant Violation: WebView has been removed from React Native. It can now be installed and imported from 'react-native-webview' instead of 'react-native'。

错误原因:新版本react-native剔除了WebView组件,把它放到了react-native-webview库当中。引用WebView组件须从react-native-webview库获取。

 

 


版权声明:本文为qq_33721382原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。