RN的坑

坑一：安装React-Navigation报错

在react-native link react-native-gesture-handler报错：Error: Non-whitespace before first tag. Line: 0...

error Linking "react-native-gesture-handler" failed. Run CLI with --verbose flag

for more details.

Error: ENOENT: no such file or directory, open 'E:\AndroidStudioProjects\rn_aile...

解决办法：

这是yarn对包的管理存在问题导致的…，遇到步骤都按官方要求执行完亦然莫名其妙报错，可以试试不用yarn而用npm来进行包的管理。

执行npm install react-native-gesture-handler@latest --save ，然后重新link：npm link react-native-gesture-handler

可能需要重新npm install react , npm install react-native

坑二、安装React Native第三方组件出现Task :react-native-gesture-handler:compileDebugJavaWithJavac FAILED报错

解决方案1：

将react-native-gesture-handler的版本降到1.1.0以下，我这里是用的是1.0.16版本

npm i react-native-gesture-handler@1.0.16 -D -E

重新编译问题解决。

原因是react-native-gesture-handler 1.1.0及以上版本中的ReactViewGroup.java只有在react-native 0.58.2及以上版本才有。所以如果你的react-native版本是在0.58.2以下，要将react-native-gesture-handler降到1.1.0以下。

解决方案2：

安装React Native第三方组件出现Task :react-native-gesture-handler:compileDebugJavaWithJavac FAILED报错，则使用jetifier解决问题。

1、将jetifier添加为dev依赖

yarn install jetifier --dev

2、“scripts”标签内的package.json中添加一个任务

“scripts”:{

...

"jetify":"npx jetify"

}

坑三：rn_xxx\node_modules\@react-native-community\cli-platform-android\native_modules.gradle

def command = "./node_modules/.bin/react-native config"

坑四：react-navigation如何动态渲染headerRight文本以及调用实例的方法

https://blog.csdn.net/weixin_42357048/article/details/91047593