Questions tagged [react-navigation-bottom-tab]
422 questions
0
votes
2 answers
How do we implement Scroll to top functionality on tapping of the corresponding tab button on a bottom tab navigator in react navigation?
The React Navigation version I am using is v5. In the ScrollView corresponding to a Bottom Tab Icon, if the user is already on that given screen, I want to enable functionality where the user scrolls to the top when this icon is pressed.
Nikhil Asrani
- 111
- 6
0
votes
1 answer
Why after login my react-navigation routing does not work properly?
I have navigation container(created in react-navigation)
const AppStack = createStackNavigator();
const AppStackScreen = () => (
Sam Fisher
- 746
- 2
- 10
- 27
0
votes
2 answers
react navigation 5 hide bottom tab nav in nested navigation
The structure of my react navigation is like this : BottomTabNavigator => Navigator => Components
This is the skeleton of the App.js. The whole application is wrapped up in a bottom tab navigation.
import { createBottomTabNavigator } from…
Rickard
- 426
- 7
- 23
0
votes
1 answer
React navigation bottom tabs not working with multiple stack navigators
I am facing problem in implementing bottom navigation bar, Here is my code
import React from 'react';
import { createAppContainer, createSwitchNavigator } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';
import…
viney kumar
- 151
- 1
- 6
0
votes
1 answer
React Native Navigation - Bottom tabs position absolute
My bottom tab navigator is set to absolute position with background trasparent,
but when i go to the map Tab i want the tab to change from posision absolute to relative
Is it possible?
Thanks in advance!
JamesV
- 31
- 4
0
votes
1 answer
D:/react-native tutorial/NavigationTut/App.js Module not found: Can't resolve 'react-navigation-tabs' in 'D:\react-native tutorial\NavigationTut'
using react-navigation v4, this is my code I am facing this error, I have also checked the documentation
import React from 'react';
import { StyleSheet, Text, View, Button } from 'react-native';
import { createAppContainer } from…
vedant jawanjal
- 51
- 1
- 4
0
votes
2 answers
What is the proper way of dealing with navigation to screens located in separate navigators directly in react navigator 5?
I have aan app scenario where I have a Bottom tabs navigator as my base navigator tab with Home, Products ... as my tabs:
Kush
- 644
- 1
- 12
- 30
0
votes
2 answers
addListeners doesn't work from time to time - React native tab navigation
I've used tab navigation of react-navigation. I need to call a loadData function in componentDidMount every time the tab is pressed. So I'm using addListener in it. But the problem is that it tooks too long to display the data. Sometimes it works…
Amrita Stha
- 2,973
- 3
- 25
- 46
0
votes
1 answer
BottomTabNavigator content is appearing twice
I'm building a React-Native app with Expo. I try to implement BottomTabNavigator, but for some reason the content (TripsPage) appears twice.
this is my Implementation of the navigation:
Toontje
- 1,415
- 4
- 25
- 43
0
votes
2 answers
How to use tab navigation createBottomTabNavigator in react native
I am trying to get a simple example of tab navigation to work in react native. It seems like examples online all assume that a tab navigation screen is the one and only screen in your app, which is not the case for me. In my app I will have a login…
Marc
- 3,386
- 8
- 44
- 68
0
votes
0 answers
React native unable to resolve module @react-navigation/native
My App worked perfectly fine the other day and I didn't change anything but as soon as I try to run it on android now it shows this:
stef000
- 123
- 2
- 9
0
votes
1 answer
How do I get a different header for each tab in React Native?
I'm working on an eBook/AudioBook app. I currently have three screens that are inside a BottomTabNavigator, with that navigator being nested within a stack navigator so I can show a header:
import { createAppContainer } from…
Fibo36
- 84
- 4
- 10
0
votes
1 answer
how to avoid the system bar in android ,flutter?
I am trying to add bottom app bar but there is a problem, the android system app bar keep hiding my app bar. What I want to achieve is my bottom app bar to expand the bottom as the same height as the bottom system bar
bottomNavigationBar:…
Hoang Trung Nguyen
- 409
- 7
- 16
0
votes
1 answer
How do I find the specifications for the "renderIcon" function used in the React Navigation TabBarIcon/TabBar elements?
This function is used but I just can't find where it's defined.
I also see a lot of tutorials using this code - so I'm not sure how people are understanding how this is being used.
I pulled this from the source code:
20 export default function…
9_Dave_9
- 694
- 1
- 7
- 20
0
votes
1 answer
How can I do visible for my material-bottom-tabs?
How can I make my material bottom tab navigation visible? I have the code and according to the duration I have to put the function, but every time I add this code to my code, Expo gives me error :
return (
NicolásCabeza
- 61
- 1
- 4