react-native引入react-navigation报错

在学习react-native,这个问题折腾了半天才找到原因。

具体报错：

版本号说明：

react v16.0.0-alpha.6 ; react-native v0.43.1 ; react-navigation v1.0.0-beta.7

react和react-native是用react-native-cli init 就是这个版本的，

报错原因：

从报错内容可以看出react-navigation的Header.js文件里引用了ReactComponentWithPureRenderMixin这个模块，但是在这个版本的react里没有这个模块，所以报了这个错。（react-navigation v1.0.0-beta.7这个版本的Header.js引用了这个模块但是发现没有使用）。

解决办法：

删除node_modules/react-navigation/src/views/Header.js的第12行，也就是引用ReactComponentWithPureRenderMixin的那行。

这可能就是目前beta7这个版本的一个bug。在react-native中文社区也找到了一样的答案 bbs.reactnative.cn/topic/3702/react-navigation-%E5%BC%95%E5%85%A5%E6%8A%A5%E9%94%99/2

在学习中，记录遇到的问题，难免会有错漏之处，如发现有错漏请指出。