React Navigation 我需要 NativeComponent：“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

检查文档

Answer 2

我安装

@react-navigation/native-stack

和

react-native-safe-area-context

和

react-native-screens

但是有同样的错误

Invariant Violation: requireNativeComponent: "RNSScreenStackHeaderConfig" was not found in the UIManager

Answer 3

以前必须已经安装。

@react-navigation/native-stack
react-native-safe-area-context
react-native-screens

此外，尝试清除缓存并重新编译应用程序。

watchman watch-del-all && rm -rf node_modules
yarn cache clean && yarn
npx pod-install
yarn start --reset-cache

之后，您可以尝试运行应用程序：

yarn run ios