search

ptomasroos / react-native-scrollable-tab-view

Tabbed navigation that you can swipe between, each tab can have its own ScrollView and maintain its own scroll position between swipes. Pleasantly animated. Customizable tab bar
https://www.npmjs.com/package/react-native-scrollable-tab-view
6.94k stars 2.28k forks source link

Nested tab view #964

Open nikonhub opened 5 years ago

nikonhub commented 5 years ago

Hi,

I found a lot of related issues of almost the same problem but still have to response.

I would like to have nested tab view but scroll on the parent tabs. I tried also with ViewPagerAndroid component and react-native-tab-view combined. When I lock the child scroll, the parent scroll stops scroll either.

`

<ScrollableTabView 

        <Text tabLabel="One">Tab One</Text>

        <Text tabLabel="Two">Tab Two</Text>

    </ScrollableTabView>

    <ScrollableTabView locked={true} tabLabel="ParentTwo">

        <Text tabLabel="One">Tab One</Text>

        <Text tabLabel="Two">Tab Two</Text>

    </ScrollableTabView> 

</ScrollableTabView>

`

turfaa commented 5 years ago

you can try https://github.com/turfaa/react-native-scrollable-tab-view-universal

noumantahir commented 3 years ago

Any workaround for this behaviour? In my case child tabview touch event is ignored while scrolling is in progress. check sample video.

https://user-images.githubusercontent.com/6298342/114507107-1c3adf80-9c4c-11eb-88f9-66c01f08203f.mov