reactjs - react 导航我 requireNativeComponent : "RNSScreenStackHeaderConfig"

Question

我刚刚开始我的新项目。安装 react-navigation 并在我的 IOS 应用程序中使用它后，出现错误 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

检查 documentation