Questions tagged [react-native-tab-view]
83 questions
2
votes
1 answer
Change Header Text and show/hide left/right header buttons dynamically with click on Tabs in React Native?
I am using tabs in my react native project. I wanted to update Header text and show/hide left, right button on tab click in react native.
I am using this code for Tabs Navigation and StackNavigator for Tabs Screens:
const TabScreen =…
Danish Hassan
- 155
- 7
2
votes
1 answer
React Native Tab View - display tab bar on top while scrolling
I'm using React Native Tab View, and I use renderTabBar to display my Custom Tab Bar. So my question, how do I stay the tab bar on top of the screen even when I scroll it to down to the bottom? Just like in any apps like Twitter, Instagram etc.…
Liza Catherine Ombyaw
- 804
- 2
- 11
- 27
2
votes
1 answer
How to make TabBar of react-native-tab-view smaller?
I am using react-native-tab-view, but the TabBar is big, I want to make it small. How to customize it ? Applying margin/padding 0 didn't work.
Applying small height worked but the text went missing.
How to make it small or more customizable ?…
samli prajapati
- 273
- 7
- 16
2
votes
1 answer
FlatList is not rendering my data inside react-native-tab-view
I have a state this.state.mantras which gets updated everytime I post a new mantra.
I have a component with a FlatList to render each of the mantras. However, the FlatList is not rendering anything. I am able to console.log the state which logs the…
Ozge Cokyasar
- 301
- 1
- 4
- 16
2
votes
1 answer
React native Tab View congested when number of tab is increase
I am using react-native-tab-view for display tab on the top of the screen. Screen view looks congested in case of number of screen is going to increase (more than 5)
Below is my code snippet
export default class CustomTabViewComponent extends…
Dhiral Kaniya
- 1,941
- 1
- 19
- 32
2
votes
1 answer
How to style selected tab in react-native-tab-view
I am using react-native-tab-view and I want to set background color to black only to selected tab, others should have lets say grey background.
user8658069
1
vote
0 answers
View inside a ScrollView doesn't show if i don't specify MinHeight
I'm trying to use the Tab View component inside a ScrollView but it never show if I don't specify a minHeight, I can't understand why.
import React from 'react'
import { View, StyleSheet, Text, ScrollView } from 'react-native'
import { Tabs } from…
Motaru
- 11
- 2
1
vote
1 answer
Invariant Violation: requireNativeComponent: "RNCViewPager" was not found in the UIManager
Trying to integrate react-native into my existing iOS application. Here are the contents of my package.json:
{
"name": "MyReactNativeApp",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "yarn react-native start"
…
Shivam bansal
- 11
- 3
1
vote
0 answers
why react native tab view is taking white space when sliding to next tab
In react native tab view when I scroll to the bottom and slide to the next page when I am getting black space. Is there any way I can re-render the slide from top:
const renderTabs = () => {
return (
<>
Shiva Giri
- 105
- 1
- 6
1
vote
2 answers
React Native Tab View : displaying empty screen when Tabview element is wrapped / nested within View
I am using 'react-native-tab-view' library in my code. Link here: npm / github.
Here is a basic example code in snack- that can run on Web.
Now the issue is- if I want to display a Header text above
Avisek Chakraborty
- 8,229
- 10
- 48
- 76
1
vote
2 answers
react native collapsible tab view labelstyle not working
I am trying to style the tab names but not working. the prop labelStyle are not exists as Prop but in the documentation its exists.
import React, { memo, useMemo, useCallback, useState, useEffect } from 'react';
import { StyleSheet, Text, View,…
locklock123
- 197
- 1
- 13
1
vote
0 answers
Closed `alert` in one tab re-opens when user navigates to second tab in react native app
In my react-native app I have a screen that imports three different tab views. One issue I'm running into is, on one of the tabs - the SessionsTab tab - I have an alert that pops up if a certain user action is made.
Now, the problem is, if the user…
Muirik
- 6,049
- 7
- 58
- 116
1
vote
5 answers
Getting error of "Tried to register two views with the same name RNCViewpager
Hi, I am getting the error, but i don't know how to solve it.
I think it caused by the conflicts between react-native-tab-view and react-native-pager-view
I tried
remove node_modules and re-install.
installed different versions of…
naehyungkim
- 21
- 3
1
vote
0 answers
Error trying to set up tabs in react-native
I need a hand to correct my code. I want to display a page with 3 tabs with react-native-tab-view and I don't know why I have an error. could you help me find where it's stuck?
What may seem obvious and easy to you may not be easy for me, so please…
Kimako
- 615
- 2
- 11
- 26
1
vote
1 answer
How to send value from one tab to another tab in react native
Here in my code I am making tree tabs , on first tabe there are two input fields and buttons.
Now after entering the value in input and on button click i have to send vale to oter tabs.
Like in in name field I am entering name "Abhi" and on button…
Abhigyan Gaurav
- 1,854
- 6
- 28
- 58