在本机反应中，我如何像“react-native-scrollable-tab-view”一样垂直滚动选项卡视图答案

【问题标题】：in react native, how can I scroll tab view vertically like 'react-native-scrollable-tab-view'在本机反应中，我如何像“react-native-scrollable-tab-view”一样垂直滚动选项卡视图
【发布时间】：2018-04-12 14:38:40
【问题描述】：

react native，如下图，左右两边都是可滚动的，当左标签是标签，右部分跟随时，就像'react-native-scrollable-tab-view'，但是垂直，任何建议会有帮助，谢谢~

example pic1

example pic2

【问题讨论】：

为此，您必须使用 Flatlist 作为带有选项卡选项的左侧视图和带有网格列表或自定义平面列表的另一个右侧视图来制作自定义视图。
感谢回复，但是你提到的'网格列表'，有第三方组件吗？

标签： react-native scrollview vertical-scrolling

【解决方案1】：

看看this PR，它为react-native-tab-view提供垂直标签栏功能。

由于它是很久以前创建的并且没有合并，您可能必须在当前主分支之上应用这些更改才能开始使用。

【讨论】：

感谢建议，已经很接近了，但是视图的右侧部分不是水平滚动而是垂直滚动，将看看'react-native-tab-view'。

【解决方案2】：

也许您在脑海中分解 UI 的方式会影响您的判断。

看到示例图片，我认为它们更像是两个组件。

正确的组件是SectionList。左侧组件是一个 ScrollView，只有带有右侧组件部分标题标签的按钮。这些按钮的 onPress() 只是调用 SectionList 的 scrollToLocation() 以编程方式滚动到相应的部分。

【讨论】：