Questions tagged [react-navigation-bottom-tab]
422 questions
0
votes
1 answer
how to remove tab bar from a particular screen?
I have created a navigator with 4 tab navigator screens->Home, Search, Upload and Library; and I have stack navigation screens like Sign up, log in, home tabs, and video.
Now, I want to remove the bottom tab bar from the Upload screen but am not…
TRINA CHAUDHURI
- 627
- 1
- 11
- 42
0
votes
1 answer
react native bottom tab navigation version 4 icon problem
I have been trying to put an Icon in the bottom tab, I have been using the react navigation tabs version 4. I have tried to upgrade to version 5 but that's a different story.
The goal is just to include an icon but I'm just failing left and right. …
0
votes
0 answers
TabNavigator Inside a StackNavigator React Native Components
I'm trying to make a nested navigation in my React Native App
Stack Navigator
Screen1
Screen2
Tab Navigator
a. Screen 3
b. Screen 4
Tab Navigator exists inside Screen 2 components.
App.js
return (
…
BitByte
- 121
- 6
0
votes
1 answer
Screen is not showing up while using nested navigators
I want 4 screens inside the tab navigator and only the login and sign up screen inside the stack navigator with my home tabs therefore I am trying to use nested navigators, I have nested tab navigators inside the stack navigator, however when I run…
TRINA CHAUDHURI
- 627
- 1
- 11
- 42
0
votes
1 answer
Hiding Label in Tab in React Native Navigation
I have a problem hiding the label in my react native tab. I'm using react-navigation/material-bottom-tabs.
Pls see my code below
Joseph
- 7,042
- 23
- 83
- 181
0
votes
1 answer
Creating bottom tab navigation with own components
hello everyone,
I created a bottom tab navigation page just with names, Not any component decleration but work correctly (without any data per page),
now I want to create that with own components declaration, how do I do?
import * as React from…
Naa8757
- 29
- 5
0
votes
0 answers
Slide Bottom TabBar to right/left when the drawer is open
I'am trying to slide bottom TabBar when the drawer is open ,And it's only slides the header
Drawer:
const SilderNavigator = createDrawerNavigator({
Home : HomeStackNavigator ,
},
{
contentComponent : MenuContentComponent ,
drawerType :…
isme
- 57
- 1
- 7
0
votes
0 answers
bottom tabs navigation blocks component
i am using react navigation v5 lib @react-navigation/bottom-tabs
my bottom tabs does not rendering the way is suppose to be(as i think), here is the photos
it renders as:
what i think it suppose to be :
how to make my app as second pic
Edit : i…
Alarees Samer
- 93
- 9
0
votes
1 answer
How can I hide the bottom tab bar on a specific screen (react navigation 5.x)
I wanted to know how to hide the bottom tab bar from a specific screen inside my stack navigator, my code is below. I just want to hide bottom tabs for the Player screen, or open Player screen with modal can anyone help me?
This is my code for my…
user13965580
0
votes
1 answer
How to change tab with a button inside a component
Initial disclaimer, I'm new to react/react-native and Expo, so my code isn't the best at the moment.
So, I have a class component with a button, that is used in 2 different screens in my App and I want that button to change the current tab.
In my…
Martinho
- 37
- 2
- 7
0
votes
1 answer
How to access navigation prop in tabs navigation - react navigation
I need to put a floating button appears in all screens, i put it in bottom tab navigator with absolute position but i couldn't set the onPress navigation for it.. how can i access navigation.navigate in tab navigator?
my…
Shady Hakim
- 395
- 6
- 20
0
votes
1 answer
onPress to navigate on a screen not navigating
I am a beginner in React Native and I would like to navigate on a screen when I press the Button of my Navigator screen but it's not working.
Because when I press the Button in TabOneStack.Screen nothing is happening I don't understand, I would like…
Valentin Harrang
- 1,081
- 2
- 17
- 34
0
votes
1 answer
How can I use Top Navigator and Bottom Navigator without having Top Navigator overlap with the Status Bar in React Navigation?
I am trying to nest a top navigator within a bottom navigator in react navigation. However when I do that, the top navigator collides with the status bar. I'm assuming it's because the bottom navigator is pushing it up. But how can I make it so both…
mcabrejos24
- 33
- 4
0
votes
0 answers
React navigation and loading component in react native
Hello I have a react component like which either display a list of items or opens another component which allowes me to select some value. Here is the code
import React, { PureComponent } from "react";
import { Text, View } from…
mohsinali1317
- 4,255
- 9
- 46
- 85
