Skip to main content
249 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
0 votes
0 answers
27 views

I'm using React Navigation with a structure where the DrawerNavigator contains multiple StackNavigators. From a screen inside one stack (e.g., HomeStack), I navigate to a nested screen (OrderDetails) ...
loquinho's user avatar
  • 3
1 vote
2 answers
1k views

Hello there, I’m facing the following error while resetting the navigation to Home after a successful login. The app crashes as soon as the navigation resets. I’m able to reproduce the crash on a ...
Mitesh Baraiya's user avatar
  • 4,007
0 votes
2 answers
380 views

When pressing the back button on Android, the app closes unexpectedly instead of navigating to the previous screen. Video demonstrating the issue I have tested the issue by creating two separate apps ...
Raghav Bhardwaj's user avatar
  • 165
0 votes
0 answers
64 views

React Navigation: Component in Tab Navigator not unmounting properly after parent Stack Navigator reset The Problem I have a nested navigation structure with a Stack Navigator containing a Tab ...
Jorge Rivera's user avatar
  • 775
0 votes
0 answers
33 views

I am currently started working in a react native project which is running in react-native: 0.67.5. In there they have used a lot of packages and some are deprecated. I have changed most of them to new ...
Deepika's user avatar
  • 552
0 votes
1 answer
135 views

After updating to "@react-navigation/native": "^7.0.3", using linkTo from useLinkTo() isn't working as it used to in ReactNative. My linking config is somewhat complex: const ...
André's user avatar
  • 480
1 vote
0 answers
1k views

With Expo Router, there are several ways to detect navigation changes (usePathname, state from Navigator, etc.). For certain use cases it would be helpful to also be able to check if the navigation ...
cseelus's user avatar
  • 1,689
3 votes
0 answers
590 views

I am receiving an event from a react native webview and in that event attempting to navigate to a different stack. However the app crashes every time with the following *** Terminating app due to ...
Mingo's user avatar
  • 966
0 votes
1 answer
138 views

My nav structure looks like this App.js <Stack.Navigator initialRouteName="Auth"> <Stack.Screen name="Auth" component={AuthLayout} ...
bebeadonis's user avatar
  • 63
1 vote
1 answer
610 views

I need to make simple slide animation when switching tabs without sharp twitching and i also need to refresh the tab to get effect from updated state I tried two ways First: added unmountOnBlur: true;...
ARCHXTEKK's user avatar
  • 11
0 votes
1 answer
94 views

I'm migrating from react-navigation v5 to v6 I'm trying to add type checking and I encouraged a problem that couldn't find a solution from the docs import { StackScreenProps } from '@react-...
NicoleZ's user avatar
  • 1,800
0 votes
1 answer
441 views

WHat's the correct way to type RNavigation, currently I am doing this on The App export type DrawerNavigatorType = { Store: unknown; ImagesStudio: { images: string[] }; // }; const Drawer = ...
Wisam Jbori's user avatar
  • 123
0 votes
1 answer
880 views

I am developing a React Native application using REACT NAVIGATION V6. I would like to add a custom transition for my navigation: fade out the current screen -> fade in the new screen. Any help on ...
Muhammad Ahmad's user avatar
  • 138
0 votes
1 answer
134 views

I am using react-navigation v6 and expo 49. Bundler for web is webpack. I need help with react navigation. It is around how links are generated. I have created a linking config which has a config like ...
khagesh's user avatar
  • 958
0 votes
0 answers
49 views

Whenever I run my react native app through expo go (iOS) it shows that app-bundling had completed, but a few seconds later it would show the error: typeerror: (0 , _native.createnavigatorfactory) is ...
Shiven Khurana's user avatar
  • 21
1 vote
0 answers
726 views

I am learning react-native, so pretty new to it. I am curious how to implement browser sign-in and then pass value to store in AsyncStorage. As an example AWS Console app redirects to signin.aws....
Debanjan Tewary's user avatar
  • 129
-1 votes
2 answers
367 views

I built a custom header for a screen in Drawer navigator because I need to add an Input on the Header, I need to access the value of the Input inside the screen but also the setState function because ...
Endrit Shabani's user avatar
  • 337
0 votes
2 answers
614 views

const ListStack = createStackNavigator(); function ListPage() { return ( <ListStack.Navigator screenOptions={{headerShown: false}}> <ListStack.Screen name="List" ...
Ashish's user avatar
  • 3
0 votes
1 answer
710 views

I use my own header in React Navigation and according to the documentation there is such a description: Custom header to use instead of the default header. This accepts a function that returns a ...
UKRman's user avatar
  • 516
0 votes
1 answer
288 views

I am trying to acheive overiding the back/swipe back functionality in react native. If you land on a page and it has a param of previousScreen. Then this screen should be used to override the back ...
BennKingy's user avatar
  • 1,597
0 votes
1 answer
64 views

I have a React Native app navigation logic similar to this navigation structure (Drawer, Tab, Stack). DrawerNavigator enclosing BottomTabNavigator enclosing StackNavigator. I want to disable my left ...
jaysonsosweet's user avatar
  • 1
-1 votes
2 answers
149 views

Please take a look at my online project I created in snack https://snack.expo.dev/@sujono/7c4a2d?platform=android . So in Role2.js I did set the values but the result isn't what i expected. This is so ...
coderNoob's user avatar
  • 57
0 votes
0 answers
438 views

In React Navigation's StackNavigator, whenever I switch the current Screen, regardless of whether I've previously loaded the new Screen, it always reloads. This is not what I want; I want certain ...
秋水岂泛涟漪's user avatar
  • 1
0 votes
1 answer
169 views

I'm using React-Navigation V6 and I have 4 screens. 3 of them are accesible from the first through buttons, In my first screen I have: useEffect(() => { if (navigation.isFocused()) { ...
AndrewHoover898's user avatar
  • 313
0 votes
1 answer
604 views

I have 3 screens and I just want the last screen to modify the previous screen's params. Navigable like this: Home -> Feature -> Settings Home -> Feature has a data param, something like ...
CyberMew's user avatar
  • 1,441
0 votes
2 answers
185 views

As titled. Weird thing is that this doesn't happen on both Pixel simulator. Only on my OPPO phone. If there's an ongoing request in the background, I can only scroll, but hitting back, opening modal, ...
marko's user avatar
  • 2,254
0 votes
0 answers
166 views

how can I render headerRight in React navigation? I have tried everything that is told in this tutorial: https://reactnavigation.org/docs/header-buttons/ Still not working/rendering on the screen. ...
Zibal's user avatar
  • 62
3 votes
1 answer
766 views

I want to increase the animation speed. As I see in the documentation https://reactnavigation.org/docs/material-top-tab-navigator, there is no longer props like timingConfig or springConfig in react-...
Dương Trần's user avatar
  • 31
2 votes
0 answers
33 views

I have login screen and main screen. My main screen has Tab.Navigator. When i click on login button of login screen i want to navigate to main screen and remove all the previous routes which are ...
Chup bae's user avatar
  • 101
0 votes
1 answer
87 views

In a react-native (Expo managed and react-navigation v6) app I have a navigation structure as follows: When I want to navigate from the PayWall screen to ListPage with navigation.navigate('ListPage') ...
Amir-Mousavi's user avatar
  • 4,653
0 votes
1 answer
28 views

I want to make custom tab navigation icon as per below So i make code like below const Tab = createBottomTabNavigator(); function TabNavigationStack(props: any) { return ( <Tab.Navigator ...
Harshal Kalavadiya's user avatar
  • 2,440
0 votes
0 answers
293 views

I need some custom animation/transition logic that I want to drive when React Navigation native stack navigator pushes or pops a screen, however, I'm stuck as I can't reliable detect only push and pop ...
Can Poyrazoğlu's user avatar
  • 35.3k
0 votes
1 answer
343 views

I have a navigation structure set up as below: Tab 1 Screen 1 (Initial Page) Screen 2 Tab 2 Screen 3 (Initial Page) Screen 4 Scenario: There will be cases when Screen 1 has to directly navigate to ...
Henry Lau's user avatar
  • 1
0 votes
1 answer
293 views

When navigating between screens change the animation to animate from bottom-to-top rather than right to left. <Stack.Screen name="OfferDetails" options={{headerShown: ...
chaitu bhojane's user avatar
  • 1
1 vote
1 answer
432 views

I am using React Navigation on my expo application. I have a "Categories list" Screen and an "Add Category" Screen that is set on the presentation modal option. In the Categories ...
Mickael Zana's user avatar
  • 341
3 votes
1 answer
1k views

Im trying to handle the error The action 'NAVIGATE' with payload .. was not handled by any navigator tried having a no route match. the documentation says: const config = { screens: { Home: { ...
learncode's user avatar
  • 623
0 votes
1 answer
65 views

I am using useNavigation() from @react-navigation/native My code would be like const navigation = useNavigation(); navigation.navigate('Home'); And the weird thing is navigate() refreshes the page in ...
Younhee Lee's user avatar
  • 1
1 vote
1 answer
716 views

How can I pass arguments to the following custom react navigation drawer header 'NavHeader'? I want to include an icon inside the NavHeader that uses the following: navigation.dispatch(DrawerActions....
varinme's user avatar
  • 65
0 votes
0 answers
571 views

I'm using React Navigation v6 for React Native, consider the following navigation routes state: 1: {key: 'ClubScreen-PVQtJb1EkSv6q_wqPYpAi', name: 'ClubScreen', path: undefined, params: {…}} 2: {key: '...
Radu's user avatar
  • 13
2 votes
1 answer
518 views

I changed the direction the screen moves to move from left to right. However, while the screen moves from left-right, the header title moves still from right to left which looks of course weird. Is ...
learncode's user avatar
  • 623
1 vote
2 answers
573 views

On iOS, the app crashes when executing navigate("Screen1") after the execution of popToTop(). The app works perfectly fine on Android. props.navigation.popToTop(); props.navigation.navigate(...
Bilal Abdeen's user avatar
  • 1,995
2 votes
0 answers
522 views

In my React Native app, I had to migrate its AppDelegate from Objective-C to Swift. After the migration, deeplinks stopped working: when a link is used, the app opens but it does not navigate to the ...
Dani's user avatar
  • 53
0 votes
1 answer
741 views

I have an issue with deep linking using React Native, React Navigation on IOS. The error doesn't show up on Android. When I start the app I get a console error saying: Looks like you have configured ...
Péter Csutorás's user avatar
  • 1
0 votes
1 answer
64 views

I have the following Tab Navigator in my React Native app, using React Navigation v6: <Tab.Navigator> <Tab.Screen name="Screen1" component={Screen1}/> <Tab.Screen name=&...
gkeenley's user avatar
  • 7,648
1 vote
1 answer
2k views

In React Navigation v4, you could wrap your component in withNavigationFocus() and then trigger a function using componentDidUpdate(prevProps) { if (!prevProps.isFocused && this.props....
gkeenley's user avatar
  • 7,648
0 votes
0 answers
331 views

Sorry if the title wasn't very clear. I'm using react navigation in an expo RN app. Im not sure what this is called but Im referring to the bottom, OS gesture navigation here: The background is all ...
TLS's user avatar
  • 41
1 vote
2 answers
3k views

In the docs for React Navigation v6, in the Passing Additional Props section it says Sometimes we might want to pass additional props to a screen. We can do that with 2 approaches and the first ...
gkeenley's user avatar
  • 7,648
2 votes
2 answers
4k views

I am using React navigation v6 for my react native application. I am stuck at trying to detect if the app is launched for the first time by the user or not. I have tried to set FIRST_LAUNCH through ...
Rohan Vaish's user avatar
  • 21
0 votes
1 answer
613 views

NOTE: Do guide me if there is something missing. I have a Drawer Navigator which contains Drawer Screens that are Stack Screens like: <PaperProvider theme={theme}> <...
chris aimsworth's user avatar
  • 75
1 vote
0 answers
266 views

Im using react native v63 and react navigation v6. I have 3 Bottom tab screen and 2 other screen Tab screens : home category profile/singin Stack screens : splash detail When I navigated on tab ...
m.akbari's user avatar
  • 53

1
2 3 4 5