在React Native中，我如何像'react-native-scrollable-tab-view'一样垂直滚动选项卡视图

Question

react native, like the pictures below, the left part and right part is both scrollable, and when left tab is tab and right part follows, it's like 'react-native-scrollable-tab-view', but vertically, any suggestions will be helpful, thanks~

example pic1

example pic2

Answer 1

Have a look as this PR which gives vertical tab bar capability to react-native-tab-view .

Since it's created long ago and not merged, you might have to apply those changes on top of the current master branch to start using.

Answer 2

Maybe how you break down the UI in mind is clouding your judgement.

Seeing the example pics, I think they are more like two components.

The right component is a SectionList. The left component is a ScrollView with just buttons with labels of section titles of the right component. The onPress() of these buttons just calls scrollToLocation() of the SectionList to programmatically scroll to the the respective section.