Reputation: 55
I'm on Mac OS 12 and trying to build an IOS app, but for some reason the error:
Invariant Violation: requireNativeComponent: "RNSScreenStackHeaderConfig" was not found in the UIManager.
doesn't seem to go away needless of what I do.
Here is the Metro Output whenever I reload Metro:
And here is my code:
import React, { useState } from 'react';
import { Text, View, Image, StyleSheet, StatusBar, ScrollView } from 'react-native';
import fetch from 'node-fetch';
import { NavigationContainer, StackActions } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import Main from './pages/main';
const Stack = createNativeStackNavigator();
const YourApp = () => {
return (
<NavigationContainer>
<Stack.Navigator>
<Stack.Screen name="Main" component={Main} />
</Stack.Navigator>
</NavigationContainer>
);
}
export default YourApp;
I have been trying to solve this for the past 2 days, thanks for the help!
Upvotes: 2
Views: 3687
Reputation: 118
Use the latest version or you can not do cheating on that
Upvotes: 0
Reputation: 130
I just faced this issue 3 mins ago. I follow these steps
ctrl + c
in terminalnpm 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
npx pod-install ios
npx react-native run-ios
This can help ensure that any cached data or previously installed versions of the app are completely removed, which can help resolve issues with missing components or modules.
This works for me. Hope it can help you!
Upvotes: 7