Questions tagged [react-navigation-bottom-tab]
422 questions
0
votes
1 answer
send child component's state to another component as props via tab navigator in react native
This question seems a bit complex but i am sure there must be a solution. I think with using redux i can handle this but i am curious about other solutions.
This is my App.js
Enes Dumanlı
- 13
- 3
0
votes
1 answer
React Native bottom tab navigator
I have a question, connected with a bottom tab navigator in React Native.
Let assume that I have 6 screens, and I want to show only 5 in a bottom tab navigator.
…
alexandr.mirzoyan
- 17
- 2
- 5
0
votes
1 answer
How to create curve in react navigation 5 bottom tab
I want to create bottom tab like this
I want to implement this design in react navigation 5 bottom tab navigator.
I'm using createBottomTabNavigator, Is this possible?
sarath chandran
- 13
- 4
0
votes
1 answer
Unable to see Icon using BottomTabNavigator in react-native
I am trying to create a BottomTab navigator and when I refresh the file tabs.js, the icon is not showing at expo mobile app.
I think the main issue is at tabBarIcon
File tab.js
import React from "react"
import {
View,
Image,
…
Ayush Kumar
- 494
- 1
- 6
- 21
0
votes
1 answer
Call function from screen on tab press
I am trying to create such a functionality, where I can choose multiple options on screen and process options data on tab press. Data which is stored in screen should be sent on tab press, how can I handle it?
Julia
- 1
- 1
0
votes
1 answer
The Icons doesn't show
I want to use MaterialCommunityIcons but icons don't show
I search for the answer but I didn't find anything cool
import ...
import MaterialCommunityIcons from 'react-native-vector-
icons/MaterialCommunityIcons'
const Tab =…
ali taher
- 1
- 1
0
votes
1 answer
How to add a Header in Tab navigation?
My navigation system works with a classic stackNavigator where I initialized all my screens and a BottomTabNavigator at the bottom of the page with 4 of these screens.
I would like to add a button in the header of most screens. For that, I added…
Kimako
- 615
- 2
- 11
- 26
0
votes
1 answer
React Native: How do I make the bottom navbar icons have the correct size without hardcoded values?
I've created a Bottom Tab Navbar fro my React Native App.
The icons I'm using are imported images.
The question is: How do I make the icons have the correct size across all devices without hardcoding the values for width and height?
Right now, the…
cldev
- 671
- 8
- 18
0
votes
1 answer
How do you hide the bottom tab navigator when navigating away from a certain screen in React Native v.5?
I only want the bottom tab navigator visible in the home screen; after that I want the bottom tab navigator to be hidden,until the user comes back to the home screen. Below is the example they offer but it only offers as if you were working in the…
MK_Pierce
- 916
- 2
- 10
- 26
0
votes
1 answer
space in bottom navigation tab flutter
How can I add space equally where I use the dart logo as a floating action button.
I want to use this floating action button in the center so there will be the same space between the five of them. The other 4 icons are the bottom navigation bar…
Nurullah Sadekin
- 92
- 1
- 11
0
votes
1 answer
How to set the dropdown state to initial whenever I switch Tabs?
I have a bottomtabbar with three screens, all the screens are have a dropdown picker at the header.
Whenever I have my dropdown open and I change the tab screen, my dropdown is still remains opened, however I would like my dropdown to remain closed…
TRINA CHAUDHURI
- 627
- 1
- 11
- 42
0
votes
2 answers
Dark Mode not working React Navigation React Native
I Am working on this to implement Dark Mode in React Native using React Navigation. but it changes only the bottom bar navigator not the screens inside that. can you help me with this
Snack Code
https://snack.expo.io/@belgin/news-app
Belgin Android
- 309
- 5
- 19
0
votes
1 answer
how to pass props from Home screen to BottomTabBar screen of home screen in react native?
I have home screen -> below is my bottomtabbar inside home screen.
I want to pass props from the home screen to bottomtabbar screen on navigation.
for eg in above picture, if I select an item from dropdown -> I want to pass that as navigation prop…
TRINA CHAUDHURI
- 627
- 1
- 11
- 42
0
votes
1 answer
How to handle bottom tab bar visibility in react navigation v5?
I am using react navigation v5. I have bottom tab navigator with each tab having stack of screens inside it.
Home-Tab1,Tab2,Tab3
Tab1(stack)-A,B,C
Tab2(stack)-D,E,F
Tab3(stack)-G,H
How to handle tab visibility on screens that are inside the stack…
bansalakshay8
- 43
- 1
- 7
0
votes
0 answers
BottomTabBar transform icon is not vertically clickable
I am using @react-navigation/bottom-tabs in the react-native. And I need the Plus button above the area, So I am able to achieve it, but in the Android Above half area of the Plus icon is not clickable in android. But in IOS it is working fine…
Asif Mushtaq
- 121
- 9