Questions tagged [react-native-tab-view]
83 questions
1
vote
2 answers
(react-native-tab-view) Using navigation.navigate in a TabBar?
I'm completely new to React Native and I'm building an app for one of our clients.
I created a screen that shows a list of names that can be shown in either alphabetical or grouped by category. I used the react-native-tab-view component to make this…
tg13
- 35
- 3
- 11
1
vote
1 answer
react-native-tab-view jump to specific tab from react navigation screen
I have 2 libs for my navigation. React navigation v5 and react-native-tab-view. 3 tabs from react navigation : Home/Discover/Profile. Discover is a screen with react native tab view. I have few buttons in Home, after press them they should navigate…
Michail Pidgorodetskiy
- 117
- 3
- 16
1
vote
2 answers
Using react-native-tab-view in react-native-navigation
react: "16.11.0",
react-native: "0.62.2",
react-native-navigation: "^6.4.0",
react-native-tab-view: "^2.14.0",
I'm trying to use react-native-tab-view with react-native-navigation V3.
So far I able to use a registered-component in this way:
import…
Santanu Karar
- 1,034
- 1
- 12
- 27
1
vote
2 answers
How to update the multiple state using useState?
I'm using the TabView from the React-Native and as the part of this i'm using the two states for two different objects as shown below.
const [routes, setRoutes] = React.useState([]);
const [sceneMap, setSceneMap] = React.useState({});
I'm calling…
coders
- 719
- 1
- 11
- 35
1
vote
1 answer
Invariant Violation: invariant violation: outputRange cannot include #ffffff. (#ffffff, #aaa2d7,#aaa2d7)
I get this error even I change: inputIndex === i ? 255: 0 to inputIndex === i ? "#ffffff" : "#aaa2d7".
the purpose, is when the first tab is active the title color should be white "#ffffff" and others tabs should be "#aaa2d7"
const inputRange =…
hanae
- 91
- 4
- 18
1
vote
2 answers
does the tabview renders components on swipe only?
The screen i am working on needs some tab navigation . its working great but there is one problem. It renders the component on swipe only when i press on the tab i want to go to . it does not do anything.
Ex: I am on tab number 3 and i want to go to…
Amr Mostafa
- 113
- 2
- 10
1
vote
0 answers
Unable to scroll TabViewAnimated view
I am using TabViewAnimated from react-native-tab-view with three scenes. While loading it shows scroll bar for child scenes but it disappear soon and shows the scroll of TabViewAnimated which is not scrolling.
My render function as…
Beu
- 1,370
- 10
- 23
1
vote
1 answer
React native tab view
I am building my first react-native app, and Implementing tabs using react-native-tabview. Stuck with the error :
"TypeError: undefined is not an object (evaluating '_this.props.navigationState.routes.length').
This is a screenshot of error I'm…
Latha Shree
- 19
- 4
1
vote
4 answers
React native tab view width when there are many tabs
I'm using https://github.com/react-native-community/react-native-tab-view
But my problem is
When there are many tabs, it will only display on the screen with and the heigh will expand. What I'm looking for is the heigh is fixed, the width expands…
Uni
- 187
- 2
- 7
- 18
1
vote
2 answers
How to remove tabbar from the top when I am navigating to another page from one of the tab in react native
Everyone I am facing an issue in react-native as I am new to this .
I am callling a tabbpage from homePage
so in tabpage there is a navbar at the top,below this navbar a tabbar is showing two tabs.
This is good till now but the problem starts from…
kriti sharma
- 331
- 6
- 26
1
vote
1 answer
perform card navigation with react-native-tab-view stationary?
I am currently using react-navigation and react-native-tab-view. If I want to navigate to another screen, but keep the tab view at the same place, how would I do that?
Michael Hsu
- 950
- 1
- 9
- 25
1
vote
0 answers
React native tabview scroll tabbar with inside scroll
I am building a react native app like social platform.
In that app, I have used the tab navigation from the react-navigation package. and inside the tab on one of the screen, I have used another tab view from react-native-tab-view.
In that tab…
Husain Khanbahadur
- 479
- 1
- 8
- 22
1
vote
1 answer
how to pass data to a component which is outside of the class
I m taking username from my previous page by passing it as a parameter and I m getting the data in my new page as this.props.userName
Now I want to pass this value to the other component I m using in my tab view.
I m using React Native router flux…
Sumit
- 27
- 1
- 8
1
vote
0 answers
React Native Tab View inactive tab background color
I am currently using react-native-tab-view (https://github.com/react-native-community/react-native-tab-view) to implement tabs on my app react Native app.
I am struggling to change the background color of the inactive tab items? Has anyone done…
SashaStojanovic
- 331
- 3
- 15
0
votes
1 answer
Material-Top-Tabs is not rendering in Modalize
I'm trying to use material-top-tabs in modalize but only headers are coming in. The page itself is not rendering. When I try to use react-native-tab-view instead of material, the pages render, but there is a problem with adjusting the height. so the…
knlcl
- 1
- 2