Questions tagged [react-native-tab-view]
83 questions
11
votes
4 answers
How to change to color of react-native-tab-view?
I am new to react-native and learning it. While learning react-native-tab-view, I tried to change it's color but after several tries I was unable to do it. I shall be really grateful if someone guide me how to change to color of the tab-bar which is…
Dilawer Hussain
- 193
- 1
- 1
- 8
10
votes
5 answers
TypeError: null is not an object (evaluating '_ReanimatedModule.default.createNode')
I am unable to resolve this, and gone through the below document
https://www.npmjs.com/package/react-native-tab-view
Also I did not come across any document regarding this issue. I have used the same sample code mentioned in the above link.
import…
Prajna
- 578
- 4
- 8
- 23
9
votes
2 answers
react-native: how to stick tab bar to top when scrolling?
I am using react-native-tab-view for handling tabular navigation. Is it possible to, when scrolling down, have the tab bar scroll with, but stick to the top of the screen once it reaches the top? So something like ScrollView's…
Michael Hsu
- 950
- 1
- 9
- 25
6
votes
0 answers
React-native-tab-view: On tapping on tabs transition is very slow but on swipe it is very smooth
I am using react-native-tab-view for the tabs but when I am clicking on tabs transition is very slow. And on swipe it is smooth and fast.
What I did to resolve it:-
I make all sub component a PureComponent which is being rendered on index change.…
Mani Kant Tiwari
- 390
- 2
- 7
- 19
6
votes
1 answer
How to show dynamic tabs with react-native-tab-view?
I have been trying to show dynamic tabs with react-native-tab-view but it keeps on giving me this error:
Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but…
khateeb
- 5,265
- 15
- 58
- 114
6
votes
1 answer
How to change backgroundColor of selected Tab in react-native-tab-view
I use react-native-tab-view. So how to set background color only to selected tab?
This is what I have...
user8658069
6
votes
3 answers
How to add icons to tabs in react-native-tab-view
I am working with react-native-tab-view and I can just put text on tabs but I want icons. There are some answers on GitHub but they are unclear. If you know anything it would be perfect!
user8658069
6
votes
1 answer
How to change Header title in navigationOptions from constructor in react-native app?
In my react-native project I have use DrawerNavigator from which I navigate to SwitchAccount page. In SwitchAccount page I have use Tabs from react-native-tabs. Below is code where I use
render() {
return (
GAURAV
- 647
- 6
- 18
5
votes
3 answers
react-native-tab-view is not visible , not displayed on screen or not working
react-native-tab-view is not visible , not displayed on screen or not working because of the flex: 1 styling , we have to give flex: 1 styling inside parent view , otherwise it not displayed on screen .
for reference :…
Anirban Baisya
- 61
- 1
- 5
5
votes
0 answers
How can we make tab view sticky with react-native-tab-view using ScrollView and FlatList?
I'm a newbie in React Native and trying to make a sticky tab view with react-native-tab-view. What I want to achieve is like Twitter Profile UI.
Here's what I've made so far:
Sticky header
What I want to achieve is when the user scroll down, the tab…
user13283967
5
votes
2 answers
Collapsible header in react-native-reanimated with multiple tabs in React Native
I'm trying to create a screen in React Native with 2 tabs (using react-native-tab-view) with the following layout:
------------------------
| Collapsible Header |
|------------------------|
| Tab A | Tab B …
bartzy
- 328
- 5
- 14
5
votes
0 answers
How we can hide the tabbar on scroll down event in react native
I'm using react-native-tab-view module to implement tabs in my app. The tabs are working fine but I want when user scroll down the list the tab bar should be hidden with animation.
the module link that I'm using…
Shubham
- 740
- 12
- 33
4
votes
2 answers
React Native tab view inside a scrollview
expo demo
I'm trying to use react-native-tab-view with scrollable content, but having the tabview start half way down a scrollable page like:
user2086359
- 325
- 3
- 13
4
votes
4 answers
React Native - Changing the indicator width according to tab bar text width (react-native-tab-view)
I am using react-native-tab-view, and trying to change the indicator width. I would like indicator width to be the same with the tab text. But What I did is just the default. I have tried in many ways, but always it gave me the wrong result. The tab…
Uhney
- 379
- 1
- 6
- 23
4
votes
2 answers
Getting Invariant Violation while making routes in react-native-tab-view
Current behaviour
While using react-native-tab-view v1.0.0, getting error:
Invariant Violation: Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got:…
khateeb
- 5,265
- 15
- 58
- 114