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

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

我已经尝试使用寻呼机选项来自定义 ViewPaging react-native-community/viewpager，仍然没有成功。

请帮忙！

Answer 1

啊，感觉自己傻了。问题实际上既不是 ScrollView 也不是 Navigator。

这是 Touchable 组件屏蔽了滚动行为。