在学习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
在学习中,记录遇到的问题,难免会有错漏之处,如发现有错漏请指出。