Questions tagged [react-navigation-v5]
729 questions
3
votes
2 answers
Using React-Navigation v5 with Redux & Firebase Authentication
I am trying to use React-Navigation Version 5 (not Ver 4) to switch from the authentication screens/stack to the non-authentication screens/stack when the user logs in. A simple example is well demonstrated in the documentation.
However, the…
Bilal Abdeen
- 1,627
- 1
- 19
- 41
3
votes
0 answers
activeBackgroundColor doesn't work in DrawerItem ReactNavigation v5
I just need help, activeBackgroundColor doesn't work in DrawerItem in React-navigation v5.. but inactiveBackgroundColor work.. Please help me :(
Jordan B.
- 31
- 1
3
votes
2 answers
React Navigation "focus" event listener does not use updated value
I've ran into an issue with react navigation event listener!
Logic: I want to fetch the cart details every time user comes to cart screen of my react-native app. To decide whether to fetch the cart details or not, I check for the cart id in the…
fmcp1
- 31
- 1
- 3
3
votes
0 answers
React navigation 5 custom transition (fade)
I am developing a React Native application using REACT NAVIGATION V5. I would like to add a custom transition for my navigation:
fade out the current screen -> a white background -> fade in the new screen.
I have tried cardStyleInterpolator but…
Florin Lazau
- 41
- 2
3
votes
4 answers
React Navigation Top Bar Getting Same Height (NOT) dependent on its own components
Looking at this example from React Navigation website, between Chat and Contacts, the heights are independent of each other. However, When I tried to implement a top bar, the heights are the same. It takes the height of which ever tab has the most…
hellomello
- 8,219
- 39
- 151
- 297
3
votes
3 answers
How reset tab history in Tabs on tab click using ReactNavigation 5?
I am using React Navigation5.
I have a tab navigator and want to clear history of tab on click tab.
For example, I am on tab 1, and go to tab 2.
From tab2, i navigate
screen1->screen2->screen3
Now If i click on tab, it should come to initial…
Nadeem Yousaf
- 563
- 10
- 31
3
votes
3 answers
How to Reset the stacks on tab change inside bottomTabNavigayor?
Snack
I have bottomTabNavigator in my tab and inside each tab I have stacks. I want to reset the stack whenever I click on another tab.
Tab Navigator-
Tab 1 - |_Stack Navigator
- Screen 1
- Screen 2
Tab 2 - |_Stack Navigator
-…
Supriya Gorai
- 352
- 3
- 16
3
votes
0 answers
Open Drawer of child from parent React Navigation V5
I have the main navigation of App setup. Here I initialize route stacks which can have drawer, stacks or tabs stacks.
navigation.js
const Stack = createStackNavigator();
const AppNavigation = () => {
return (
Fahad Azhar
- 188
- 1
- 6
3
votes
1 answer
How to remove double header with react-navigation?
My React Native 0.61.5 uses react-navigation 5.1. Here is the root navigation code:
const BTab = createBottomTabNavigator();
const Stack = createStackNavigator();
export default function App() {
//const Appscreen = () => (
user938363
- 9,990
- 38
- 137
- 303
3
votes
1 answer
App crashes on launch time with react native CLI after installing react-navigation 5
I have installed all the packages for react-navigation. I have followed all the instructions given from React Navigation.
After installation when I build the app it's building successfully but getting crashed after installing on emulator. I have…
Jim Khan
- 397
- 3
- 13
3
votes
2 answers
Invariant Violation: Maximum update depth exceeded using react Navigation v5
I have a login screen which I have placed in stack. After user logs in successfully he is redirected to home screen which is a drawer screen. One of the options of drawer screen is logout, so on click of it user should be logged out. Following is my…
BraveEvidence
- 53
- 11
- 45
- 119
3
votes
5 answers
The action POP with payload was not handled by any navigator
I have no idea what is causing this bug in my react native app. I'm using version 5 of the React Navigation library.
It randomly crashes the app sometimes. Google searching hasn't helped me understand what this is. It's very selective though which…
Ali
- 484
- 3
- 5
- 16
3
votes
2 answers
Hide bottom navigation for inner screens in react navigation v5.x
I am leveling up on react native and I am working on a project. So, I want to hide the bottom navigation on inners screens like
- Dashboard
--- home <- hide bottom navigation
--- moment <- hide bottom navigation
--- period <- hide bottom…
Henry Okonkwo
- 363
- 7
- 17
3
votes
5 answers
Passing params in React Navigation 5
I'm trying to pass a few params between a Tab Navigator. Below is the structure of my program. In bold are the routes
App(Tab Navigator): { Main(stack) & Filter(screen) }
Main(Stack Navigator): { Home(screen) & MediaDetails(screen) }
I have a button…
Ali
- 484
- 3
- 5
- 16
3
votes
3 answers
React-navigation 5x usage of Stack.Screen screenProps
I want to pass something by screenProps in React-navigation v5.x.x. I am one of the newcomers in react-native. Can anyone help me?
Roa
- 437
- 4
- 14