Stack Overflow
Stack Overflow

Questions tagged [react-navigation]

An easy-to-use navigation solution to be used in React Native projects

React Navigation is a easy to use navigation solution for projects. It supports both Android and iOS platforms with platform specific UI design and behavior.

This library completely coded with Javascript which let's you customize any part of it with the desired behavior without the need of any native code knowledge.

It is built and funded by Expo, with contributions from the community.

Resources

8419 questions
2
votes
0 answers

Why my state on my redux toolkit reset itself to the old state?

Currently I'am working on my authentication flow of react native navigation. Right now I'am already done setup my state management and the login module part. Now the problem is when I console log my state of isLoggedIn of true itself the true value…
DevGe
  • 1,381
  • 4
  • 35
  • 66
2
votes
0 answers

Can React Navigation native stack animate the background of transparent modal independently

I've been trying to implement a half-modal using React Navigation's native stack. This is a modal whose contents are aligned to the bottom and has a translucent background. However, when presented from the bottom in iOS, the background animates…
philtre
  • 213
  • 1
  • 7
2
votes
1 answer

Drawer reopen Sometime when change screen

I am using react navigation drawer v6 with custom header when click on hamburger menu it show drawer its work fine but when I navigate from drawer it change screen and reopen drawer sometime . I dont its a bug Or something else .I am attaching gif…
Zeeshan
  • 174
  • 10
2
votes
0 answers

ENOENT: no such file or directory, open '... modulesOnly=false&runModule=true'

I am working with React Native Navigation and when I navigate under one stack (open the screen in that stack or any nested stacks and so on through stack, if there any) I am getting the following error: Error: ENOENT: no such file or directory, open…
SOMinusAnySpeedrun
  • 53
  • 4
2
votes
0 answers

How to verify title of header in NativeStack?

I'm trying to test the value of the header when using React Navigation with a NativeStack but when I try to do something like const title = queryByText('Title'); expect(title).toBeTruthy(); The value returned is null.
Archimedes Trajano
  • 35,625
  • 19
  • 175
  • 265
2
votes
0 answers

React Native get params in Custom Drawer

I build a e-commerce app and i try to get params in a custom drawer from screen and i want to implement a remember Me function for the login page so i try to use AsyncStorage but i don't succeed to get the params from the login to my customdrawer…
Ganzo
  • 198
  • 1
  • 3
  • 16
2
votes
2 answers

KeyboardAvoidingView not working on iOS with react navigation header and material bottom tabs?

Update for 2023 The bug is back. I reported it here. I tested all known fixes and they do not work currently. Follow these simple steps to reproduce: npx expo init `Use the "tabs" template Fill any of the two screens with…
tomwaitforitmy
  • 509
  • 3
  • 16
2
votes
1 answer

Drawer Navigation position right

Drawer Navigation position right gives odd behavior. Here's the behavior of drawer when position is set to right I am not sure why is it giving this behavior, because it should be working like it works in default for left. Here is my…
Mukash Wasti
  • 135
  • 1
  • 16
2
votes
0 answers

Having problems with nested navigation in regards to TypeScript

Really been trying to understand this and have been struggling in regards to React-Navigation with TypeScript (totally new to TypeScript as well) I hope someone can help with my understanding while using code as well as I have spend hours while…
Jake
  • 462
  • 1
  • 5
  • 13
2
votes
0 answers

Type Annotation in react-navigation

I am quite new to typescript and so I am struggling a bit with type annotating. I am using react-navigation and adding a custom header. Everything works fine. But I am unable to add types for custom header props. My code looks like this: import {…
WhoAmI
  • 21
  • 1
2
votes
0 answers

How to convert this file path in buffer format

I am converting this file path data into buffer format. I am sending this data to server but server needs buffer format data. Anyone knows how to do this converting of file path into buffer format. const chooseFile = async () => { try { const…
kazim ali
  • 139
  • 1
  • 8
2
votes
1 answer

React Navigation, navigate out of nested navigator

I have navigator (X) which holds a screen, lets call it N, and another navigator, Y. I need to travel from a screen in navigator Y, to screen N in the root navigator. How would I go about doing this using react navigation 6? Code for the root…
Ethan Crabb
  • 302
  • 5
  • 14
2
votes
1 answer

React Navigation Unit Testing Components with useRoute()

I have a component export function Component() { const route = useRoute>(); const amount = route.params.amount return ( {amount} is now) } and my test is very simple but it fails, I am just…
Schnecke
  • 502
  • 1
  • 6
  • 18
2
votes
3 answers

"Undefined symbols for architecture x86_64 error" when migrating from React Navigation 5 to 6 on iOS

I am developing an app with React Native and trying to migrate from React Navigation 5 to 6. For this I have followed the steps that come in the Upgrading from 5.x guide. The versions of React and React Native are these: "react":…
Jon
  • 891
  • 13
  • 32
2
votes
2 answers

Why I get this error: navgation.push is not a function?

I want to push a screen but its not working: TypeError: navigation.push is not a function. (In 'navigation.push('Restaurants', { name: params })', 'navigation.push' is undefined) Explore.tsx import { useNavigation } from…
universe11
  • 703
  • 1
  • 11
  • 35
1 2 3
…
99 100