【React-Native】快速升级RN版本指北针

大家都知道，RN经常在某个版本出现断层式的更新，以至于漏关注了某个版本后，想升级最新版本就会出现各种各样的报错。

那么，有没有什么方法可以完美的更新呢？

答案是没有！！！！！！

哈哈哈哈，不过别失望，经过我的长期分析，总结了以下几个方法。

---

一、使用官方推荐工具更新

使用官方推荐的更新差异化工具，进行比对后更新，大概就是选择当前版本，然后选择目标版本，对差异文件进行更替。

网址：

https://react-native-community.github.io/upgrade-helper/

界面：

大家可以看见右边的滚动条，如果已经小的你看不清楚了，那么我还是推荐你使用方案二！

 

 

---

 

二、基于新版本迁移 

如果各位使用【方法一】需要更换的文件太多，建议直接基于新版本构建。

比如，笔者当前项目是0.60.5，最新版本是0.63.4，那么我直接基于0.63.4 init 一个项目，然后把JS文件迁移，三方库版本更换。

其中，需要注意的三方库，尤其是 【react-navigation】，它每个版本之间的改动也是相当的大。

其他需要替换的三方库如下表（蓝色字体组件为原核心库组件）：

旧版组件名称	新版名称
react-navigation	拆分为core、drawer、native等多个库
webview	react-native-webview
viewPagerAndroid	@react-native-community/viewpager
ART	@react-native-community/art
NetInfo	@react-native-community/netinfo
CameraRoll	@react-native-community/cameraroll
ImageEditor	@react-native-community/image-editor
TimePickerAndroid	@react-native-community/datetimepicker
ViewPagerAndroid	@react-native-community/viewpager
ListView	deprecated-react-native-listview
SwipeableListView	deprecated-react-native-swipeable-listview

我的推荐的方式就是，使用 init 新建一个RN项目，然后运行改初始化项目，然后进行页面迁移。

大家可以参考我的一个轮子项目，该项目经历了从0.60.5迁移到0.63.4，地址： https://github.com/supervons/ExploreRN

如果方案2遇到问题的话，可以留言告诉我一起讨论（如果我没在加班的话，哈哈哈哈）