React Native ScrollView 不会使用 ViewPager 或 createMaterialTopTabNavigator 滑动

Question

我已经研究了好几天了，但仍然没有得到我想要的。

我什至不知道为什么还没有提出这个问题..

例如，如果你使用

const Tab = createMaterialTopTabNavigator();

来自@react-navigation/material-top-tabs

export class TopTab extends React.Component {
render() {
    return (
        <Tab.Navigator
            swipeEnabled={false}
            tabBar={(props) => <CustomTabBar {...props} />}
        >
            <Tab.Screen name="First" component={FirstView} />
            <Tab.Screen name="Second" component={SecondView} />
            <Tab.Screen name="Third" component={ThirdView} />
        </Tab.Navigator>
    );
}


export class FirstView extends React.Component {
render() {
    return (
        <ScrollView horizontal>
        .... contents
        </ScrollView>
    );
}

那么 ScrollView 水平滑动在这些视图中将不起作用。

我尝试过的：

swipeEnabled=true

nestedScrollViewEnabled=true

是否有任何已知的解决方案？

我尝试了使用 react-native-community/viewpager 自定义 ViewPaging 的 pager 选项，但仍然没有成功。

请帮忙！

Answer 1

啊，现在感觉很愚蠢。问题实际上既不是 ScrollView 也不是 Navigator。

它是可触摸组件屏蔽滚动行为。