Questions tagged [react-navigation-bottom-tab]
422 questions
2
votes
0 answers
React navigation 5 - bottom tab active borderTopColor
I'm using createBottomTabNavigator and instead of coloring the whole tab or icon when a tab is active I only want to change the borderTopColor. Is this possible somehow?
fuzz
- 195
- 13
2
votes
1 answer
React navigation 5.x / React native – bottom-tabs navigation with same instance of component
I want to reuse the same instance of one component in two tabs (bottom bar tabs).
created with const Tab = createBottomTabNavigator();
Tab stack:
Sullivan
- 21
- 1
2
votes
0 answers
React Navigation - Open Drawer from Other Tab Screen
I am using React Navigation 5 for my React Native project. I have a drawer navigator nested in tab navigator.
It looks like this:
The1993
- 592
- 1
- 7
- 22
2
votes
1 answer
Upgrading to React navigation 5: Accessing child navigation state for a route is not safe and won't work correctly
In my react native app I upgraded react navigation 3 to react navigation 5.
But after upgrading when I run the application I always get this warning several times whenever I do any kind of navigation:
Accessing child navigation state for a route is…
a.toraby
- 3,232
- 5
- 41
- 73
2
votes
1 answer
React-Native: Drawer Navigator on all Tabs (react-navigation v5)
I want to have an App with BottomTabNavigation. Also I want to have a DrawerNavigation to be available from all Tabs.
My AppNavigator.js contains the following. I only can "access" the TabNavigator. Drawer is not accessible.
import {…
Daniel
- 73
- 1
- 1
- 8
2
votes
1 answer
Passing Params from Stack-navigator to tab Navigator (react-navigation 5)
I am trying to pass the user ID from the login screen to the home screen which is part of a nested tab navigator.
here is how my app is structured:
const mainStack = () =>(
Omri Ram
- 37
- 1
- 7
2
votes
2 answers
How do I hide material bottom tab navigator in a nested stack navigator in react native
I'm using material Bottom Tab Navigator, My app is structured such that, some tabs contain a stack navigator.
I want to hide the bottom tabs when a user navigates to another stack in the stack navigator.
I'm using react navigation v5.
I don't want…
Similoluwa Odeyemi
- 359
- 6
- 19
2
votes
4 answers
Launch error caused by @react-navigation/bottom-tabs 5.x
After upgrading to latest @react-navigation/stack 5.2.10 from previous 5.x. The App (react native 0.61.5) launch has an error:
error: bundling failed: SyntaxError: C:\D\code\js\emps_fe615\node_modules\@react-navigation\bottom-tabs\src\index.tsx:…
user938363
- 9,990
- 38
- 137
- 303
2
votes
1 answer
Pass Props from the react-redux to React Native Bottom Tab Navigation
I am struggling with the
import { createBottomTabNavigator } from 'react-navigation-tabs';
I want to pass the value of my cartItems from react redux to Bottom Navigation Icon but from no where I am able to pass the props.
Here is my code,
import…
Vanns35
- 466
- 4
- 15
2
votes
0 answers
navigation.goBack wrong behavior - Stack inside a Tab Navigator
I think its a bug, the problem is as fallow:
I have this (stacks navigators inside a tab navigator):
A tab
Aa stack
Ab stack
Where:
Ab stack
Aba component
Abb component
When I use navigation.goBack() function in Abb component, goBack…
Braven
- 484
- 1
- 6
- 27
2
votes
0 answers
I can't set transparent modal due to useIsFocused hook
A stack navigator that lives on a bottom tab contains 2 screens. One screen implements the react-native-camera and the other a modal. I'm trying to make the modal transparent but it fails (it has a white background). That's happening because of the…
stan14
- 63
- 7
2
votes
5 answers
how to set initialRouteName dynamically in the react-native
how to give dynamic initial route name in the react-navigation? if the unit exists we have to redirect to another route or else we have to take user another route.
Note: I'm creating a bottom tab navigator in which I have to set an initial route to…
Abhiram
- 1,540
- 1
- 11
- 25
2
votes
2 answers
createStackNavigator and createBottomTabNavigatorin React Navigation v.5
I am new to react native, and i'm using new react-navigation v.5 in my react-native app. When i use createStackNavigator and createBottomTabNavigator together in NavigationContainer i have errors - "undefined is not an object" and "Another navigator…
lobs
- 429
- 5
- 14
1
vote
0 answers
Bottom Tab Bar opens and closes drawer menu
what I'm trying to achieve is the ability to open and close the drawer menu from within the bottom tab bar. Currently, my bottom tab bar code looks as follows:
function BottomTabNavigator() {
return (
…
Paweł
- 387
- 1
- 3
- 13
1
vote
1 answer
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 nested navigator, see…
Öztürk Şirin
- 15
- 4