I have a Tab Navigator inside a Stack Navigator and I want the header title to be dynamically configured as the title of the tab selected. Like there's 3 tabs: Home, Profile, Add Item and I want th...

I'm migrating a RN project version 4 to 5. When switching screens there was an issue with a white background flashing in. In v4 this was solved by setting cardStyle: { backgroundColor: material.co...

I am trying to prevent user from going back by Android back button or gesture while a video is being recorded in React Native. As per documentation of React Navigation, it should be handled with th...

I have 3 tabs and each tab contains a set of stack navigators. Home Stack const HomeNavigator = createStackNavigator(); const HomeStackNavigator = ({ navigation, route }) => { return ( <...

I have 3 tabs and each tab contains a set of stack navigators. Home Stack const HomeNavigator = createStackNavigator(); const HomeStackNavigator = ({navigation, route}) => { return ( <...

In My below code when I use useNavigation() then it gives an error like my quiestion How to use useNavigation, Please any one can solve this error... ERROR:Couldn't find a navigation object. Is you...

If I set headerTransparent: true the other content which was usually rendered below it moves underneath it. How can I avoid that? My code: export class RegisterScreen extends Component { static ...

With TypeScript 3.9, React Native, React Navigation... I got error: interface StackParamList Type 'StackParamList' does not satisfy the constraint 'Record<string, object | undefined>'. Index...

Following is the hierarchy of my app navigators ├── appNavigator ( Bottom Tab Navigator) ├── feed (Stack Navigator) postDetailScreen pageDetailScreen ProfileDetailScreen ...other screens ├── no...

When I am trying to use import {createStackNavigator} from @react-navigation/stack, it gives me an error Invariant Violation: Tried to register two views with the same name RNCSafeAreaProvider I ha...

I'm trying to type the useNavigation from React Navigation. I would like to be able to pass only the name of the route, but I get an error unless I also pass props for that route. Following the doc...

i want to mock useNavigation hook used inside my functional component. Any workaround how to mock it using jest? import React from 'react'; import { useNavigation } from '@react-navigation/native'...

undefined Unable to resolve module @react-navigation/native from App.js: @react-navigation/native could not be found within the project. If you are sure the module exists, try these steps: 1. Clea...

How can I add a transition effect to Stacked Screes in React-native? <NavigationContainer> <Stack.Navigator screenOptions={{ headerShown: false, }} > <Stack.Screen name="H...

I want to customize the behavior of the default back button in stack navigator locally to one screen. In the details assuming that on the stack there are screen1|screen2, I want to pass some props...

I'm using navigation to navigate my react native app and I couldn't Paypass this issue. I did as the docs but nothing works for me. The problem is I'm trying to use the navigation option to add a...

Having two sets of stack navigators; const SetOneScreens = () => ( <Stack.Navigator initialRouteName="AScreen"> <Stack.Screen name="AScreen" component={AScreen} /&...

Having a navigation type definition as bellow, when I navigate from e.g AOne to BTwo with id:99 the console log of props.route.params shows correct info. But props.route.params.id throws type error...

I'm using React Navigation 3.11 in my React Native app and I want to customize the back button in stack navigation. In the docs it says: headerBackImage React Element or Component to display ...

I want to load dashboard to be active tab in react Native bottom tab. Navigation whenever dashboard is loaded but whenever I move to dashboard it moves to inbox screen which is the first element in...

I just installed react navigation version 6 and i received below error Attempt to invoke interface method boolean com.swmansion.reanimated.layoutReanimation.NativeMethodsHolder.isLayoutAnimationEna...

I am using @react-navigation/stack in my expo app and everything has been working fine. I wanted to start to add tab/drawer navigation to my app and keep running into the following 2 errors when I ...

In my app I am trying to use React Navigation's stack navigator with headerLargeTitle and headerTransparent enabled. My implementation looks like this: Navigator.tsx <HomeStack.Navigator initia...

I am running into an error when I am navigating from one screen to another but the app is running very well when someone takes a pull of my branch onto their machine. Error:Element type is invalid...

I am developing a React native application for learning purposes. I am now implementing navigation using React Navigation. I am using stack navigation. But I cannot find a way to remove the previou...