Stack Overflow
Stack Overflow

Questions tagged [react-native-tab-view]

83 questions
3
votes
2 answers

how can I scroll the full screen with a tab view?

How can I scroll in my profil page where is a Tab and inside a Tab is a Flatlist? Like Instagram If you go on your profile then there is a Tab and you can scroll down until no more images available. I use this libary:…
localdata01
  • 587
  • 7
  • 17
3
votes
1 answer

How to use patch-package to patch TSX files

Problem I'm trying to use patch-package to patch a react-native package react-native-tab-view, however when I edit the TSX files included in the node_module for react-native-tab-view and apply my patch, the changes are not reflected in my…
The Coder
  • 71
  • 1
  • 5
3
votes
2 answers

why scrollbar resting on top in react native infinite scrolling using react-native-tab-view

I'm using react-native-tab-view in my App in which I have 2 tabs. I am loading Tab data via API call for creating infinite scroll pagination in side Tab, when data is concatenating in my FlatList data from API then each time my scroll bar reset to…
luckyamit
  • 719
  • 2
  • 7
  • 19
3
votes
1 answer

React native flatlist rerenders to top when any item changed in tab view

I'm using react-native-community/react-native-tab-view to render two flatlists which are basically checklists with tickboxes in them. The code for the flatlist is returned from: const ListRoute = () => { return (
user2086359
  • 325
  • 3
  • 13
3
votes
2 answers

Issue with passing state as prop to react-native-tab-view?

I'm using react-native-tab-view and rendering two tabs. I'm calling an api in the parent component, saving it to the parent state and then passing the state saved as prop to the child tabs. But, I'm only receiving the initial state in the…
vikrantnegi
  • 2,252
  • 5
  • 24
  • 35
3
votes
1 answer

How to stop scrolling sliding when switching to another tab?

Environment: "react": "16.9.0", "react-native": "0.61.5", "react-native-gesture-handler": "^1.5.2", "react-native-reanimated": "^1.4.0", "react-native-tab-view": "^2.11.0" Problem: How to stop scrolling sliding when switching to another…
Sergey
  • 61
  • 7
3
votes
0 answers

React Native Sticky Header using react-native-tab-view

I'm trying to implement sticky header with tabbar in React Native. So when user scroll down, the header will collapse, and when scroll up, it will expand again. But, I got a problem with blank space, if we move to an unscrollable tab. Also, I can't…
Justinus Hermawan
  • 1,194
  • 1
  • 23
  • 44
3
votes
0 answers

how to use TabBarTop and TabBarBottom as component for custom navigation view?

I'm using react-navigation and i want to put a custom component between the header and the tabs like this: _______________ | header | _______________ | component | | | _______________ | tab1 | tab2 | _______________ | …
Riki Chou
  • 509
  • 1
  • 3
  • 13
2
votes
0 answers

How to stop double render in react-native-tab-view using React Hooks

I am using react-native-tab-view for creating swipe tabs, but when I swipe from one tab to another I get my us effect of each component called every time when I swipe it. My problem is similar as this issue on Github:…
Deepanshi Gupta
  • 21
  • 2
2
votes
0 answers

React Navigation : Keyboard close automatically upon opening with iOS

Since react-navigation 6 (while everything worked fine on react-navigation 5), my keyboards no longer work with iOS (it's OK on Android) : they close automatically upon opening. I have recreated a very simple example, based on the official…
Gaylord.P
  • 1,539
  • 2
  • 24
  • 54
2
votes
1 answer

How catch event onScoll or onScollEnd etc of HScrollview

I am using import {CollapsibleHeaderTabView} from "react-native-tab-view-collapsible-header"; import {HScrollView} from "react-native-head-tab-view"; I push a FlastList into HScrollView
kulehung
  • 21
  • 2
2
votes
1 answer

How do you create dynamic/update-able routes with react-native-tab-view?

I have the following component. It works great to create the initial set of tabs. import * as React from 'react'; import { TabBar, TabView } from 'react-native-tab-view'; import { CollectionList } from './components'; const renderTabBar = (props)…
GollyJer
  • 23,857
  • 16
  • 106
  • 174
2
votes
2 answers

Nesting Horizontal FlatList inside TabView (same orientation)

I am rendering an horizontal FlatList (from react-native-gesture-handler) inside one of the pages of my top TabView (from react-native-tab-view) The main problem I am having is that the FlatList scroll "priority" is greater than the TabView's one,…
Victor Molina
  • 2,353
  • 2
  • 19
  • 49
2
votes
0 answers

ReactNative - Force re-render of child components in react-native-tab-view

How can I re-render tabs (react-native-tab-view) that is using the same shared child component? I have 3 js files; Parent, TabView and Item. I have 2 tabs in the parent; All and Downloaded which use the same child component with different props. I…
Abdul Sadik Yalcin
  • 1,744
  • 2
  • 19
  • 50
1
2
3 4 5 6