Stack Overflow
Stack Overflow

Questions tagged [react-navigation-bottom-tab]

422 questions
3
votes
0 answers

expo web hide bottom navigation bar when keyboard show

I would like to hide my bottom navigation bar on mobile device when keyboard is show. I use Expo 40 I have added in definition option bottom bar keyboardHidesTabBar: true, such as: const TabBot = createMaterialBottomTabNavigator(); ... return( …
Francesco
  • 135
  • 2
  • 11
3
votes
1 answer

React Navigation Bottom Tabs doesn't work with React Native for Web

I'm building a web app using react-native-web with @react-navigation/bottom-tabs. But the screen content doesn't appear on the web, it only shows the Tab Bar. It works fine on iOS and Android. Here is the code: import {createBottomTabNavigator} from…
Dinh Quan
  • 1,257
  • 2
  • 11
  • 10
3
votes
1 answer

DrawerNavigator to show tab bar all the time with every option tapped

I am trying to have a tab bar and each tab bar has its own stack navigator. Three tabs that i have are Home Profile Settings I want to show these three options in the drawer also. I have created a drawer but only tapping home shows the tab bar. I…
AKumar
  • 381
  • 6
  • 16
3
votes
0 answers

react navigation screen jumping with when switching screen with BottomTabNavigator

I use BottomTabNavigator from reactnavigation v5. The problem is when switching the pages from bottom tab navigator to the page that is heavier than other pages in terms of rendering elements the screen jumps/flitters for a second to resize. I have…
Majid Sepandarand
  • 31
  • 2
3
votes
1 answer

Custom first render react native tab navigation

Is there anyone knows how to set initialroute but not the part off tab.screen react navigation? I wanna set home screen as the default screen when I open apps without selected focus from bottom tab. and when I press browse tab, it's display the…
Sabdo Widiastuti
  • 31
  • 3
3
votes
0 answers

React Native - React Navigation Bottom Tab slow transitions (lag) when contains WebView

Lag While Switching Tab When App Coming From Background I have 4 tabs focused (rendered) before. So when the app coming from background, I changed tab but it take 0,3 - 1s to switch these tab. The lags happened only re-focus every tab on the first…
Trọng Nguyễn Công
  • 1,207
  • 1
  • 10
  • 23
3
votes
0 answers

Stack navigator not working in release apk

Here I am trying to implement a nested navigation in which I have A bottom tab navigator A couple of other screens. My app is working fine in debug mode the following pop up is working on debug mode. But it is not working when I releases the apk.…
Shrikant Jha
  • 73
  • 11
3
votes
1 answer

Multiple screens in one Tab Navigator

I am new to React Native and I am trying to create an app with a bottom tab navigator. However, in HomeScreen.js, which is the first tab navigator screen, I want the user to be able to navigate to antoher screen by pressing a button, while in the…
Tiago 2.0
  • 141
  • 3
  • 12
3
votes
1 answer

Custom icons with react navigation 5

I am trying to use custom icons with a react tabbar navigation. However, all the tutorials and docs always just cover implementing icons by Ionicons or Materialdesign. Is there a way I can implement my own Icons? This is how the code looks like…
stef000
  • 123
  • 2
  • 9
3
votes
2 answers

Unable to see text for inactive tab using createMaterialBottomTab and React Native

I'm very new to React and am trying to set the color for the text and other styles for the inactive tabs on my bottom bar but a few hours on it already and not able to make it work as the text doesn't appear unless it's the selected tab. I'm using…
Francislainy Campos
  • 3,462
  • 4
  • 33
  • 81
3
votes
6 answers

Error: undefined Unable to resolve module `@react-navigation/bottom-tabs`

Been searching for a solution about the error module on navigation. I've tried reset-cache, deleting nodu_modules, reinstall the module but still its not working. Full details of the error Unable to resolve module `@react-navigation/native` from…
cachess
  • 163
  • 1
  • 5
  • 18
3
votes
2 answers

How to hide TabNavigator dynamically on React Native

So i have an app with react native navigator, what I plan for my app is to show a Tutorial when the user first launches the app, I use react-copilot for it, it works really great, but the problem is, React copilot takes time to initiate, and it…
Solid_Metal
  • 123
  • 1
  • 1
  • 17
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
1 answer

How can I change tab headers dynamically using React Navigation?

I'm building an app in React Native using the React Navigation library. The issue I'm facing is that, when rendering a Tab Navigator inside of a Stack Navigator (HomeStack), each individual tab retains the header of the parent Stack Navigator,…
Satchel Smidt
  • 65
  • 2
  • 7
1 2 3
…
28 29