Questions tagged [react-navigation-bottom-tab]
422 questions
0
votes
1 answer
Make all tab bar buttons unfocused on specific screens
I have a react native app which uses react navigation (V6.x for sure). My app has a main navigator which is a bottom-tabs navigator and contains three screens (tabs). Every one of these screens are stack navigators themselves. Let's say one of my…
Ardalan
- 723
- 9
- 26
0
votes
1 answer
Not able to hide or show tab bottom bar in React Native on particular screen
How can I display bottom tabs Home | Account | BooKlist | Categories bottom tabs visible or hide for on particular screen AddScreen in React Native. Thanks in Advance
Rakesh Lahkar
- 61
- 2
- 9
0
votes
1 answer
React Native bottom bar change background color when screen is focused
How can I change the background color of tab bar item when the screen is focused. I am using react-navigation version 6.x. Here is my code snippet for the bottom bar
Rohit Aggarwal
- 1,048
- 1
- 14
- 32
0
votes
1 answer
Globally accessible variable to control Bottom Tab Navigator in React Native app
I am using createBottomTabNavigator from @react-navigation/bottom-tabs to make a nice bottom navigation for my application. I have added some custom notification indicators for the tab bar icons, that illustrates "news" inside the specific stacks.…
Simon Degn
- 901
- 1
- 12
- 40
0
votes
1 answer
How to change headerStyle of Drawer Navigator based on Tab Navigator
I resolved this specific problem separating in different files the navigation components, with this way the component doesn't rerender anymore
First of all: i'm using React Native. I have a TabNavigator nested into a DrawerNavigator
i'm trying to…
Leandro Lescano
- 1
- 1
0
votes
0 answers
React Native Custom Tab Bar With Vector Icons
So after long hours of work, I finally got myself a custom tab bar. I should say that it was painful, I want my tab bars as children and print them.
I got the sample from https://reactnavigation.org/docs/bottom-tab-navigator/#tabbar
I actually got…
Ozan Mudul
- 750
- 1
- 9
- 20
0
votes
1 answer
React Native Tab Navigator
I am totally new to React Native and I am currently trying show BottomTabNavigator on child/details page, for example:
I have a page called Training and I have another page called TrainingDetails.
I wanna show BottomTabNavigator on…
user3183669
- 1
- 3
0
votes
1 answer
React native bottom tab navigate to desire screen
First I create Bottomtabs and import in Core navigator;
const BottomTabs = createBottomTabNavigator();
function BottomTabNavigator({ navigation, route }) {
return (
Mayur Patil
- 1
- 3
0
votes
0 answers
"More" overlay of extra tabs in react-navigation and BottomTabs - how to?
In my app, I use react-navigation (v5) and have a BottomTabNavigator with all my main screens.
I want to make sure that additional tabs (more than 5) are hidden in a special "more" tab which opens a list of the screens - and from there, they should…
Esben von Buchwald
- 2,772
- 1
- 29
- 37
0
votes
1 answer
React Native Bottom tabs navigator. tabBarButton: () => {} option is not working
I have a question. When I use Tab navigator with separate Tab.Screen I should have an option tabBarButton as stated here. But when I try to use it, it throws an error.
Here is the code:
…
Sharofiddin Azizmatov
- 43
- 1
- 6
0
votes
1 answer
React Navigation 6.x nested navigation missing route.id
I'm trying to develop a Stack navigation nested inside tab navigation, but I'm receiving an error when trying to access the tab containing the stack: TypeError: undefined is not an object (evaluating 'route.key').
Tab:
import React from…
Rodolfo Vieira
- 21
- 2
0
votes
0 answers
Dynamic initialRouteName in BottomTabNavigator - React Navigation v5
I want to set a dynamic initialRouteName on my TabNavigator (not even sure if this is the right place to do it), let me explain more clearly.
I have a BottomTabNavigator with 4 items : Home (HomeStack), Explorer (ExplorerStack), subscriptions…
Prisca Aure
- 1
- 5
0
votes
1 answer
Navigation container disappears after splash screen
I implemented a splash screen last night and this morning I noticed it was taking away my bottom tab navigator. I recreated the problem here
In the snack, originally you will see the bottom tab navigator. If you go into App.js and uncomment the call…
Justin Priede
- 444
- 6
- 30
0
votes
1 answer
react native bottum tab icon absolute issue
I am want to float my home icon above the tab bar but it gets cut can someone suggest how to do that.. aim also attaching the screenshot and navigation stack structure
stack navigation
-1. drawer nav
-a. Tab nav
position:…
Shailendra Gupta
- 1,054
- 6
- 15
0
votes
2 answers
Open stack screen from Tab screen in react native navigation
I have a set of screens set up in Stack.Navigation in the following manner
I also have a tabs system set up…
Zephyr
- 1,612
- 2
- 13
- 37