Questions tagged [react-navigation-bottom-tab]
422 questions
1
vote
0 answers
Display a bottom sheet from react-native bottom-tabs
I want to display a bottom sheet on clicking the more option from the bottom tab bar option.
How can I implement such a bottom sheet as shown in the image above with different options to select and with a transparent background?
This is my…
Vinay N
- 249
- 1
- 8
- 32
1
vote
1 answer
How to make a bottomtabnavigator in react-native?
i have been trying to make a BottomTabNavigator for my app but has been unable to do so. Kindly help me in identifying error in the code.
This is the code written in App.js
import * as React from 'react';
import { createBottomTabNavigator } from…
Onkar Mehra
- 43
- 1
- 10
1
vote
1 answer
Tab navigation lag when nested in drawer
I am having a issue when I am nesting my Tabs within my Drawer. Unfortunately, navigating to each tab is very slow, and their seems to be a lot of lag.
However, when I remove the Drawer navigator, and make it so that their is only a tab navigator,…
Junaid Razaq
- 241
- 5
- 14
1
vote
1 answer
Show Bottom Navigation outside Bottom Navigation Pages
I have in design a Bottom Tab Navigation in a page that isn't in the Bottom Tab group of pages... Is it possible to do?
My Bottom Tab Pages are "Station", "Home" and "Menu". I have a "Form" screen, and in the UI this Form has the Bottom Tab... Is it…
Matheus Costa
- 25
- 6
1
vote
0 answers
React-navigation (v5): How to open bottom-sheet directly on clicking bottom-tab-navigator?
React-navigation (v5): How to open the bottom-sheet directly by clicking on the bottom-tab on the current component (not to open the new component being passed to it)?
Yogendra
- 63
- 2
- 8
1
vote
1 answer
Tab navigator adding header
I am using React navigation. I want to add headers to my tab navigator components. How can I do that?
Tab navigation function
const TabNavigation = () => {
return (
Gucal
- 842
- 1
- 11
- 19
1
vote
3 answers
BottomTabNavigation: Element type is invalid: expected a string or a class/function but got: object
I am trying to test my application and I cannot get the navigation to work.
When I test my navigation to go to bottomtabnavigator I have the error:
Error: Element type is invalid: expected a string (for built-in
components) or a class/function (for…
Kimako
- 615
- 2
- 11
- 26
1
vote
1 answer
Received warning when Hide Bottom Tab Navigation in React Native
I received warning when tried to hide bottom nav in specific screen. The warning is 'Cannot update a component from inside the function body of a different component', So what I'm trying to do is that I've a home screen and when I navigate to detail…
Muhammad Haekal
- 477
- 6
- 22
1
vote
0 answers
How to remove the black line below BottomTabNavigator
I'm using createBottomTabNavigator in React Native using react-navigation v4 and can't find a way to remove the black line below the bottom bar that sits in the middle
Butri
- 339
- 8
- 22
1
vote
0 answers
How to activate Shifting props in React Navigation Library?
I have navigation tab with 3 options and I want to activate the shifting props utilized in createMaterialBottomTabNavigator taken from the react navigation library but I can't find where I need to put the shifting props="true" for activate the…
Federico Pierno
- 45
- 5
1
vote
2 answers
How to add screen to custom bottom navigation in react native
I'm new to react native and trying to design a custom Bottom navigation bar as shown here (Source code)
The tab bar design is successfully created, but I am confused about how to change screens on button click.
Basically, I cannot understand how to…
R.K
- 1,721
- 17
- 22
1
vote
1 answer
How to add a line at top of the bottom tab when the current tab is active in react navigation 5
I want to add the line at the top of the bottom tabs, how to add this?
like this issue https://github.com/react-navigation/react-navigation/issues/8957
React navigation versions:
"@react-navigation/bottom-tabs": "^5.9.2",
"@react-navigation/native":…
A.Gomathi sankar
- 109
- 3
- 11
1
vote
1 answer
Facing issue when trying to add image on bottom tab navigation in react-native
When i am trying to adding image in bottom tab navigation then i just got only title of bottom tab.
How i can get image in bottom tab navigation in react-native?
I am using
import { NavigationContainer } from "@react-navigation/native"
import {…
Raghusingh
- 398
- 3
- 10
- 33
1
vote
2 answers
Manage multiple navigators (stack navigator and bottomtabsnavigator) in react navigation
I have a react native application which has got a stack navigator and a bottom tabs navigator. Bottom tabs navigator and stack navigator has common screens between them. Here is the structure:
const ExploreNavigator = createStackNavigator({
…
Subham Agarwala
- 67
- 6
1
vote
1 answer
React-Native How to change the overall background color of the Tabbar on the focused other tabs
I want to change tabbar BackgroundColor.
I have 5 tabs on bottom navigation.
first, When I touch home tab. I want to change Tabbar's backgroundcolor is 'transparent'
second, When I touch others(four) tab. I want to change Tabbar's backgroundcolor is…
uarounddf
- 13
- 1
- 5