All Questions
Tagged with react-navigation-stack react-navigation-bottom-tab
81 questions
0
votes
0
answers
28
views
Nested stack is not accessible in react-navigation/bottom-tabs
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 ...
- 757
0
votes
1
answer
39
views
Stacked React Navigators cause API to be called 2x when component is instantiated
I'm new to React Native and I have an app which uses a stack and tab navigator. The stack navigator is the child navigator of the tab navigator. The problem lies when a screen uses both of them, ...
0
votes
1
answer
135
views
Type error with React Navigation's CompositeScreenProps for Nested Navigators
I'm trying to follow this guide for type checking with TypeScript and React Navigation but I'm getting this error anytime I try to navigate to a screen in another tab:
Argument of type '[AppRoutes....
- 5,572
0
votes
0
answers
51
views
Invariant Violation: withNavigation can only be used on a view hierarchy of a navigator
I use a BottomTabNavigator and a StackNavigator from react-navigation for my app.
Recently I had to update the version of react navigation from v4 to v6 and thus change the way of implementing my ...
- 61
0
votes
1
answer
228
views
TypeScript Error with Nested Navigators in React Navigation
I'm working on a React Native project using TypeScript and React Navigation. I have a nested navigator setup where I have a BottomTabNavigator which contains a BlocklistStackNavigator. I'm facing a ...
- 2,027
0
votes
1
answer
59
views
WARN Require cycle: src\Navigation\StackNavigation.js -> src\Navigation\TabsNavigation.js -> src\Navigation\StackNavigation.js
WARN Require cycle: src\Navigation\StackNavigation.js -> src\Navigation\TabsNavigation.js -> src\Navigation\StackNavigation.jsRequire cycles are allowed, but can result in uninitialized values. ...
0
votes
1
answer
79
views
React navigation v6 does not navigate to a nested screen before viewing that screen
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') ...
- 4,593
1
vote
1
answer
95
views
react native tab navigation and stack navigation nested usage
Error:
The action 'NAVIGATE' with payload {"name":"Contacts"} was not handled by any navigator.
Do you have a screen named 'Contacts'?
If you're trying to navigate to a screen in a ...
- 15
1
vote
0
answers
207
views
GO_BACK on react navigation nested is not work
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 ...
- 53
0
votes
0
answers
55
views
Navigate with payload was not handled by any navigator
I have a Stack Navigator:
<NavigationContainer independent={true}>
<Stack.Navigator>
<Stack.Screen
name="Home"
component={MainScreen}
...
- 166
0
votes
2
answers
1k
views
Bottom Tab navigator not visible in react native
I'm beginner in this tech. I have problem in my navigation.
After logging in of the use, it will redirect to a screen with Bottom tab navigator, my bottom tab navigator compose of 5 tabs, tab 1,2,3,4,...
- 29
0
votes
2
answers
1k
views
React Navigation Nested Tab.Navigator - Show InitialRoute not in Tabs
Using React-Navigation in my app, I want the initialRoute to be the "Home" component with the BottomTabNavigator shown. But I do not want Home to be one of the tabs. Adding initialRouteName=&...
- 311
0
votes
1
answer
2k
views
React navigation bottom tabs not showing
I have a simple App.js that renders 3 screens Login.js Register.js and Index.js when the user is logged in he should see the a screen with two tabs, the tabs are not showing.
App.js
const Stack = ...
0
votes
1
answer
1k
views
Independent stack navigation outside tab and drawer navigation in React-Native
I use
react-native:0.68.2
react-navigation/bottom-tabs:6.3.1
react-navigation/drawer:6.4.1
react-navigation/native:6.0.10
react-navigation/stack:6.2.1
And I have next navigation structure:
<...
0
votes
1
answer
288
views
whenever I am trying to navigate to another page, react-navigation is pushing me to the previous page
I find difficulty navigating to another page using react-native-navigation,
the workflow which I am looking for is A -> B and then when I press any button in B should go to A,
what is happening ...
- 53