不变性违规：在UIManager中找不到RNCSafeAreaProvider。

Question

我刚接触React Native，之前有使用过普通React，现在尝试设置React Native导航，但是按照文档操作时出现以下错误。我已经尝试从头开始操作并重新安装所有内容，但是不知道如何解决这个错误:

Invariant Violation: UIManager中找不到RNCSafeAreaProvider 如果您有任何修复建议，将不胜感激。

- Harry Redding

---

你正在使用Expo React-Native吗？只需按照React Navigation的安装指南操作。我认为安装可能出了问题。 https://reactnavigation.org/docs/getting-started#installation - Arbnor

我所遵循的步骤如下，参考了您提供的链接：

• npm install @react-navigation/native
• expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view

- Harry Redding

请问您能否移除react-native-gesture-handler的导入并再次尝试吗？ - Arbnor

嗨，我已经从顶部删除了import 'react-native-gesture-handler'，但仍然遇到相同的问题。（在UIManager中找不到RNCSafeAreaProvider） - Harry Redding

Answer 1

我最近遇到了这个问题，我通过运行 yarn add react-native-safe-area-context 来解决它。

- AMANi

Answer 2

我通过运行以下命令解决了这个问题。

npm install react-native-safe-area-context

pod install

- ABDULLAH

Answer 3

对于任何遇到这个错误的人-我安装的方式一定是有问题的，因为重新开始一个项目并按照以下顺序执行命令-我没有遇到同样的问题:

expo init '项目名称' cd '项目名称' npm run android

npm install @react-navigation/native expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view

npm install @react-navigation/stack

- Harry Redding

Answer 4

我遇到了一个问题，我的React Native应用在构建APK时启动时会崩溃。经过一些调查，我发现了一些解决方法：

1. 升级Expo： 我执行了expo upgrade命令，更新了项目中的一些依赖项。特别是，它将react-native-safe-area-context的版本从^4.7.4更改为4.6.3，并更新了react-native到0.72.6。
2. 通过运行npm install react-native-webview来安装react-native-webview。 3.我删除了node_modules目录，然后使用npm install重新安装了所有依赖项。

- Tibi

Answer 5

作为一个额外的情况：我在使用Expo Bare工作流时，遵循react-navigation指南时也遇到了这个错误。

我只需要执行以下操作即可解决： projectRoot $ cd ios projectRoot/ios $ pod install

- user13658548