react-native0.6中使用react-navigation3.x遇到的坑

933 阅读2分钟

遇到的坑

"react-native": "0.60.4使用react-navigation3.x版本遇到问题 版本信息如下

"dependencies": {
    "native-base": "^2.13.4",
    "react": "16.8.6",
    "react-native": "0.60.4",
    "react-native-gesture-handler": "^1.3.0",
    "react-native-reanimated": "^1.2.0",
    "react-native-webview": "^6.9.0",
    "react-navigation": "^3.11.1"
  }

Cannot read property 'Direction' of undefined报错

Cannot read property 'State' of undefined报错

解决办法: 根据官网信息,从新检查安装步骤

第一步:yarn add react-navigation

第二步:yarn add react-native-gesture-handler react-native-reanimated

第三步:如图RN 0.60或更高版本需要如下操作(针对ios版本)

yarn add react-native-webview
cd ios
pod install
cd ..

如下图,官方已经说得很清楚

注意如果cocoapods没有安装,先安装cocoapods。

cocoapods安装步骤

参考链接

为了验证你的Ruby镜像是并且仅是ruby-china,执行以下命令查看

gem sources -l

如果是以下结果说明正确,如果有其他的请自行百度解决

*** CURRENT SOURCES ***

https://gems.ruby-china.com/

更换源

sudo gem update --system
gem sources --remove https://rubygems.org/
gem sources --add https://gems.ruby-china.com/

这时候才正式开始安装CocoaPods

sudo gem install cocoapods

如果安装了多个Xcode使用下面的命令选择(一般需要选择最近的Xcode版本)

sudo xcode-select -switch /Applications/Xcode.app/Contents/Developer

安装本地库,比较耗时

pod setup

要查看文件下载进度的可以另外打开一个终端窗口(快捷键:选中终端按下Command+N组合键),输入以下两行命令回车执行

cd ~/.cocoapods
du -sh *

执行du -sh *之后会显示已下载的文件大小,可以多次执行来监看下载进度,如果之前还有文件大小,后来变成0了,可能是网络问题,下载已经中断了,需要结束命令并从新执行 pod setup

如果遇到报错:

pod repo update --verbose

操作下面命令

sudo rm -fr ~/.cocoapods/repos/master
pod setup

下载安装完成之后可执行下列命令检查是否可用(第一次使用可能要等一会)

pod search AFNetworking