I am trying to switch navigators upon a condition of useToken exists or not. I am using asyncStorage To know if there's a token it's true and show app screens otherwise show authScreens.But I can't switch between Navigators whenever i…
I'm adding a menu to every screen navigation header, so created a menu function that needs the navigation object to navigate to different screens based on the menu item tapped. But the navigation.navigate from props is undefined. export default function…
I'm trying to pass some props to class component from function component via navigation. At Function component I'm writing: export default function StartScreen() { const navigation = useNavigation(); function onButtonPress(){ navigation.navigate("Main",{'test':'Test'}); } return( <> <AnimatedTouchable onPress={onButtonPress}></AnimatedTouchable> </> ) } At…
I'm having some diffuculties specifing the parameters for a function (onError) that receive the return of a useNavigation()) import { BottomTabScreenProps } from '@react-navigation/bottom-tabs' import { CompositeScreenProps, NavigatorScreenParams, useNavigation } from '@react-navigation/native' import { NativeStackNavigationProp, NativeStackScreenProps } from '@react-navigation/native-stack' import…
I'm using react navigation in a react native project and i am unable to find how to go back to navigation root (first screen in app) from an arbitrary screen. Navigation is like this: <NavigationContainer> <Stack.Navigator> {!loggedIn ? ( //…
I am building an app with React Native and Expo and i am trying to implement authentication in the app but i am getting this error and i can't find a solution. Basically i have 2 navigation stacks AppStack &…
In StackScreenΑ if get route name I will take StackScreenΒ1 or StackScreenΒ2 depending on which page I'm on. The same in StackScreenB1 if get route name I will take ScreenC1 or ScreenC2 or ScreenC3 depending on which page I'm on.…
I have a ProductCard component which is inside of TouchableOpacity component, when click this component I want to navigate to another screen, everything works great, but when I click ProductCard component 2 or 3 times before react opens new screen,…
TypeError: (0, _$$_REQUIRE(_dependencyMap[1], "@react-navigation/native").usePreventRemoveContext) is not a function. (In '(0, _$$_REQUIRE(_dependencyMap[1], "@react-navigation/native").usePreventRemoveContext)()', '(0, _$$_REQUIRE(_dependencyMap[1], "@react-navigation/native").usePreventRemoveContext)' is undefined) This error is located at: in NativeStackViewInner (at NativeStackView.native.tsx:420) in RNCSafeAreaProvider (at SafeAreaContext.tsx:87) in SafeAreaProvider (at SafeAreaProviderCompat.tsx:46) in SafeAreaProviderCompat (at NativeStackView.native.tsx:419) in NativeStackView…
As you can see below, I've tried many ways of setting the background color to transparent like this (UI required), all to no avail. The background remains grey-ish like the image <Tab.Navigator screenOptions={{ tabBarShowLabel: false, swipeEnabled: false, tabBarShowIcon: true, tabBarItemStyle:…