Stack Overflow
Stack Overflow

Questions tagged [react-native-tab-view]

83 questions
0
votes
0 answers

React native, Border bottom left radius not displaying on tab item

How can I set the border radius on the bottom left and top left? tabBar: { marginBottom: 10, backgroundColor: colors.GREYTWO, flexDirection: 'row', justifyContent: 'center', }, tabItem: { …
Bomber
  • 10,195
  • 24
  • 90
  • 167
0
votes
1 answer

Disable react-native-tab-view swipe on area covered by nested FlatList

I have a FlatList embedded in every screen of a react-native-tab-view, and I would like to disable the swipe of the react-native-tab-view in the area covered by this FlatList for a better user experience. When reaching the end of the FlatList, the…
Melbius
  • 1
0
votes
0 answers

How do I get rid of the grey background that appears when a tab is active on my navigation tab bar React Native

There is a grey background on each icon when it is active. I am not sure how to get rid of it. I have looked everywhere and tried a lot of solutions and nothing seems to work. I'm not sure if I have been putting code in the wrong place. Or using the…
Olly Perry
  • 1
  • 3
0
votes
1 answer

Open modal inside react-native-tab-view

I want to show some data in Modal, I need to use modal inside of tab view react-native-tab-view react-native-modal but when i add modal inside of tab view then initially modal is render every time and cannot be dismissed. I already tested using…
farooq alam96
  • 55
  • 1
  • 6
0
votes
0 answers

get the current tab object while swipe the view in react-native-tab-view

I have implemented the react-native-tab-view. I want to get the active tab or current tab object when we swipe left to right and vice-versa. I got a event onTabPress which used for get info the tab when we click on it. but there is no any event to…
vjtechno
  • 452
  • 1
  • 6
  • 16
0
votes
0 answers

how to get the current index in react native tab view

I use react-native-tab-view if I am on a new page I want to get displayed the index of the page or anything else. I have a solution but its slow, I set the index as a prop but I get the console log result after 1 sec. thats bad. is there any other…
universe11
  • 703
  • 1
  • 11
  • 35
0
votes
1 answer

React Native Tab View bottom space Bug

this is my code. and below the code, u can see the view. I can't get rid of that empty space. what is wrong here? I'm using this library https://www.npmjs.com/package/react-native-tab-view.my react-native version is 0.68.1. what I found is something…
nurwadula
  • 109
  • 7
0
votes
1 answer

React native tab view render after Api call

i'm using the tab view react native library to build a user account screen. my request is simple, how can i update the tab view content after an api call that fetches the user data? function UserStoreScreen({ navigation, route }) { const layout =…
Sb Zakaria
  • 311
  • 6
  • 18
0
votes
0 answers

React Native Drawer Navigation not showing on each page

I am very new to React Native and this is the reason why I need your help now. I try to create an app with a normal Sidemenu (Burgermenu) which should apear on ech page. And I have a Bottom tab bar which should appear on 3 pages. The problem is,…
sinan_u
  • 59
  • 2
  • 8
0
votes
1 answer

I am trying to fix the tab bar at the bottom of the Screen in react-native, At the time of inputting some text

I am trying to fix the tab bar at the bottom of the Screen in react-native, when i am inputting some text or writing something, the tab bar appears at the top of the keyboard, it is no longer being fixed at the bottom. I tried position absolute…
Sajad
  • 1
  • 1
0
votes
1 answer

react native TouchableOpacity onpress problem

i'm using TabView and in every tab i use flatList. every list item has phone and email button. But TouchableOpacity onpress not working so i use onPressOut. onPressOut working but it works when i touched in not when touched out. you guys have any…
yasin demir
  • 135
  • 1
  • 8
0
votes
1 answer

How to pass my dynamic id to the Tabs When onChnageTab function called in Native-base Tabs

I need to pass the items.id into OnChangeTab I have use the tabs from the native-base library insted of index I want to send the dynamic id so that I can send the same id to my api
Ritesh Rawal
  • 1
  • 4
0
votes
1 answer

Textinput loose focus inside react native tab view

import React, { Component } from 'react'; import { View, Text, Dimensions, KeyboardAvoidingView, StyleSheet, ScrollView, Picker, TextInput, TouchableOpacity, Image, FlatList, SafeAreaView, Keyboard, I18nManager, InteractionManager } from…
sanjay garg
  • 17
  • 1
0
votes
1 answer

react native state is back to initial on save

I am building a react-native app and using react-native-tab-view in my app. my screen has two tabs, each tab has one text field. the state is in MyScreen, and I passed the state and setState as props to the tabs. I added useEffect to log the state…
anwar
  • 103
  • 1
  • 10
0
votes
3 answers

react-native-tab-view - hide a specific tabbar tab (not the scene)

I was wondering if the following is possible... I have an instance of react-native-tab-view There are 3 scenes under this but I only ever want to show 2 of them as selectable on the tab bar itself. The third scene is effectively there but hidden…
scgough
  • 5,099
  • 3
  • 30
  • 48
1 2 3 4
5
6