Stack Overflow
Stack Overflow

Questions tagged [react-navigation-bottom-tab]

422 questions
0
votes
1 answer

Not able to navigate to another tab in BottomTabNavigator

I have BottomTabNavigator with 4 tabs I have the structure as in the screenshot below. That is the View below the BottomTabBar which is achieved but, the problem is I am not able to navigate from the Home/search tab to any other tab. Also, I tried…
Mayuresh Patil
  • 2,072
  • 1
  • 21
  • 44
0
votes
2 answers

How to Reset the stacks on tab change inside each tab in react native bottomTabNavigator?

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…
Supriya Gorai
  • 352
  • 3
  • 16
0
votes
2 answers

React Native - How to send params/props to a BottomTabNavigator using React Navigation 5?

I'm creating an app with React Native and i need to send params from one screen to all of the screens of a tab Navigator. Screen summary: Login Home Profile (Tab) Settings (Tab) I need to send the name of the user from Login to Home and from Home…
S3rgiiO
  • 11
  • 4
0
votes
4 answers

How to change height of bottom material tab navigator from react-naviagtion

I am trying to create a responsive app that will look good on every screen size. The only thing that is not scaling properly is the bottom navigator( this one ). Tablets are the biggest problems because the navbar is just too small. Does anyone know…
Dominik Hinc
  • 21
  • 1
  • 1
0
votes
1 answer

How can we add animation to the bottom tab icon in react native version .61

How can i customise the bottomTab in react-native Navigation and add custom animation to it.I am currently using react native version .61 and i want to put animation in only in middle tab icon. Icon should jump and rotate.I need it for ios apps.
Anand Gaurav
  • 11
  • 4
0
votes
1 answer

Getting error while implementing Tab Navigator in React Native

Trying to create a BottomTabNavigtor in a React Native Application. This is my Navigator Code. import { createAppContainer } from "react-navigation"; import { createStackNavigator } from "react-navigation-stack"; import { createBottomTabNavigator }…
Bhupinder Singh
  • 51
  • 1
  • 6
0
votes
1 answer

createBottomTabNavigator does not renders createStackNavigator when clicked

I am following the react-navigation tutorial and everything was working fine until I tried using createBottomTabNavigator , I am passing two createStackNavigator to createBottomTabNavigator, the first screen showing meals categories is rendered…
Ketan Ramteke
  • 10,183
  • 2
  • 21
  • 41
0
votes
1 answer

Navigate to particular screen in stack from tab depending on condition

I have a bottom tab bar created with createBottomTabNavigator, and when the user presses on one of the tabs I need to navigate to a particular stack (created with createStackNavigator). I can do that already, but now I need to decide which screen in…
instanceof
  • 1,404
  • 23
  • 30
0
votes
1 answer

Where is the `tabBarComponent` option in React-Navigation version 5?

I'm migrating a RN project version 4 to 5. I was using the tabBarComponent option to replace tab bar component with a custom one. Old docs. How to achieve the same in version 5, I can't find this option in the new docs.
haxpanel
  • 4,402
  • 4
  • 43
  • 71
-1
votes
1 answer

React Navigation: Navigating between Nested Navigators and handling the navigation stack

I'm new to react native and react-navigation but I had a question regarding react-navigation. I want to navigate from one tab to a nested screen inside another tab. How would I handle navigating from Tab 2 (search screen) to a nested screen in Tab…
Ultraboost
  • 1
-1
votes
1 answer

React Native Bottom Tabs Add Padding Vertical

How can I add padding vertical in my bottom tab? Currently my bottom tab looks like this. I want to do something like this where it has some nice spacing vertically. However, if I add this paddingVertical: The bottom tab will now look like this.
Jerome Bravo
  • 583
  • 2
  • 5
  • 10
-1
votes
3 answers

bottom tab navigation gives a different result than in the doc

According to this doc with the example that gives this result : why do I have always this result, with exactly the same code: And the highlight on the tap doesn't work as well. I checked all the dependencies and everything, it doesn't…
BenoHiT
  • 203
  • 3
  • 11
-1
votes
1 answer

react-native bottom tabs does not apper How can I fix that while I use TabsNavigator and Stack.Navigator togather

I want to use tabs with TabsNavigator but it didn't work. None of the bottom tabs are shown on the screen except header Main. When I use ; const App = () => { return ( …
Baris Kaynakoglu
  • 9
  • 3
-1
votes
2 answers

How to move to different screen in bottom tab drawer without registering it in tab drawer navigation in React Native?

I am creating a React Native app where I am using bottom tab drawer like in the attached image. In this app here I have only four screens registered and I have multiple screens for say 30 or 40 and I cannot register them all in bottom tab drawer so…
James
  • 1,124
  • 3
  • 17
  • 37
-1
votes
2 answers

How to call a alert from bottom tab navigator in react navigation v4

For calling a stackNavigator we use props.navigation.navigate('home'). But how to call for alert when i clicked on a bottom tab navigation icon.
Riyaz Mirza
  • 149
  • 1
  • 2
  • 8
1 2 3
…
28
29