react-native - 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 的寻呼机选项，但仍然没有运气。

请帮忙！

Answer 1

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

它是掩盖滚动行为的可触摸组件。