I don't have any idea what's wrong with this code. I use react navigation, and it was working perfectly, but I got an error out of nowhere. I think something is wrong with the nav
Here is Github Repo
So this is Home.js
const Home = ({ navigation }) => {
return (
<>
<ImageBackground source={require('../images/wall.jpeg')} style={styles.back}>
<View style={styles.box}>
<Image source={require('../images/logo.png')} style={styles.logo}/>
<TouchableOpacity onPress={() => navigation.navigate('Questions')}>
<View style={styles.container}
>
<Image source={require('../images/game.png')} style={styles.icons}/>
<Text style={{fontFamily: 'bpg_extrasquare_mtavruli_2009', fontSize: 20}}>გასართობი</Text>
</View>
</TouchableOpacity>
<TouchableOpacity onPress={() => navigation.navigate('Questions')}>
<View style={styles.container2}>
<Text style={{fontFamily: 'bpg_extrasquare_mtavruli_2009', fontSize: 20}}>ცენზურა</Text>
<Image source={require('../images/hand.png')} style={styles.icons}/>
</View>
</TouchableOpacity>
<TouchableOpacity onPress={() => navigation.navigate('Questions')}>
<View style={styles.container3}>
<Image source={require('../images/gender.png')} style={styles.icons}/>
<Text style={{fontFamily: 'bpg_extrasquare_mtavruli_2009', fontSize: 20}}></Text>
</View>
</TouchableOpacity>
</View>
</ImageBackground>
</>
);
};
const Stack = createStackNavigator();
function MyStack() {
return (
<Stack.Navigator
>
<Stack.Screen name="Home" component={Home} />
<Stack.Screen name="Questions" component={Questions} />
</Stack.Navigator>
);
}
So if you have any idea what's wrong please help