Is posibble scroll-on-tab-item like scroll-on-header ?

[sanduluca]

I read scroll-on-header block and want to say that this is a great possibility, but I want to ask if there is a way to make possible scroll-on-tab-item ?
I am looking forward of creating an exact experience like Instagram profile screen(a Header, few tabs, very smooth and great scroll experience)
This package definitely deserves more stars, for functionality it provides right now.

[PedroBern]

Hi @sanduluca maybe it's possible with touchables from the gesture-handler, you will need to build your own tab bar. Please if you do, share it here, it's a nice feature.

[sanduluca]

Hi @sanduluca maybe it's possible with touchables from the gesture-handler, you will need to build your own tab bar. Please if you do, share it here, it's a nice feature.

Thanks for your reply. Definitely will try to implement it and will come back with a merge request.

[alexpchin]

@sanduluca I have almost implemented this in my project. This issue is also related slightly to #122

I feel like this could be implemented potentially similar to https://github.com/PedroBern/react-native-collapsible-tab-view/blob/main/example/src/Shared/ExampleComponentSharedPullToRefresh.tsx and not including a HeaderComponent in Tabs.Container but instead in the outer scroll component?

This "almost" would work:

<FlatList
  data={[0]}
  keyExtractor={_keyExtractor}
  ListHeaderComponent={_renderHeader}
  nestedScrollEnabled
  ref={pageRef}
  refreshControl={
    <RefreshControl onRefresh={onRefresh} refreshing={isFetching} />
  }
  renderItem={() => (
    <Tabs.Container
      headerContainerStyle={TabBarStyle.headerContainerStyle}
      lazy
      pagerProps={{
        showsVerticalScrollIndicator: false,
      }}
      snapThreshold={0.5}
      TabBarComponent={_renderTabBar}
    >
    {tabs.map((tab) => (
       <Tabs.Tab key={tab.name} label={tab.label} name={tab.name}>
         {tab.component}
       </Tabs.Tab>
     ))}
    </Tabs.Container>
  )}
  scrollEventThrottle={16}
  showsHorizontalScrollIndicator={false}
  showsVerticalScrollIndicator={false}
/>

[kormocicsaba]

any updates on this? @PedroBern @alexpchin @sanduluca

[senghuotlay]

I would like to be able to wrap a pangesturehandler for the TabBar, therefore i would be able to scroll detect on scrollY, it should scroll the pagerView. However, it seems like the tabbarprops wouldn't allow that

[kormocicsaba]

I would like to be able to wrap a pangesturehandler for the TabBar, therefore i would be able to scroll detect on scrollY, it should scroll the pagerView. However, it seems like the tabbarprops wouldn't allow that

So what would be the solution then?