我收到此错误，但不知道问题"Cant find the variable SafeAreaProvider"在哪里？

Question

尝试运行npm-run android时出现此错误。Component Exception文件App.js和navigation/index.js中的Can't find variable SafeAreaProvider。我甚至没有SafeAreaProvider包含或使用在文件中。我觉得很奇怪，有什么想法吗？App.js

import React from 'react';
import Providers from './navigation';
const App = () => {
return (

<Providers/>);
}
export default App;

导航/index.js

import React from 'react';
import { AuthProvider } from './AuthProvider';
import Routes from './Routes';
const Providers = () => {
return (
<AuthProvider>
<Routes />
</AuthProvider>
);
}
export default Providers;

Answer 1

除了安装npm install @react-navigation/native，您还需要安装它的依赖项，这可以通过运行npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view来完成。

Answer 2

如果我们要在react本机应用程序中实现导航，我们必须安装npm文档中描述的所有库。

因此，请确保您已经安装了所有对等依赖项，并正确遵循了文档。

对于堆栈导航实现，我们必须根据文档安装以下库。

• @react导航/本机
• 反应自然的
• react本地手势处理程序
• react本地屏幕
• 反应本地安全区域上下文
• @反应本地社区/屏蔽视图
• @react导航/堆栈

有关更多信息，请查看官方文档以解决此问题。

https://reactnavigation.org/docs/getting-started