反应导航我需要NativeComponent：“RNSScreenStackHeaderConfig”

Question

我刚刚开始我的新项目。在我的 IOS 应用程序中安装react-navigation并使用它后，我收到一个错误Invariant Violation: requireNativeComponent: "RNSScreenStackHeaderConfig" was not found in the UIManager.。我无法找出问题所在。

这是我的导航代码

import React from 'react';
import {createNativeStackNavigator} from '@react-navigation/native-stack';
import strings from '../Constants/Strings';
import {Home} from '../Screens';

const Stack = createNativeStackNavigator();

export default MainStack = () => {
  return (
    <Stack.Navigator>
      <Stack.Screen name={strings.navHome} component={Home} />
    </Stack.Navigator>
  );
};

import React from 'react';
import {NavigationContainer} from '@react-navigation/native';
import MainStack from './MainStack';

const Routes = () => {
  return (
    <NavigationContainer>
      <MainStack />
    </NavigationContainer>
  );
};

export default Routes;

谁能告诉我问题是什么？我以前从未遇到过这样的错误

Answer 1

如果您使用 @react-navigation/native-stack，您也应该安装react-native-screens和react-native-safe-area-context。我相信你的错误是因为你没有安装react-native-screens

检查文档