小编Flo*_*ann的帖子

我尝试实现水平和垂直滚动，如下所示：

滚动预览模拟。

水平滚动将特色内容显示为图像（应该是可点击的）。垂直滚动还有其他可点击的项目。

我的第一次尝试是使用两个均具有绝对位置的 ScrollView，但水平 ScrollView 会消耗所有触摸事件（即使在添加 pointerEvents={"box-none"} 之后）。

这就是我在那种情况下尝试的：

import React, { Component } from "react";
import { Dimensions, ScrollView, Text, StyleSheet, View } from "react-native";
const DimensionsWindowWidth = Dimensions.get("window").width;

export default class App extends Component {
    render() {
        return (
            <View style={styles.container}>
                <ScrollView horizontal={true} style={styles.scrollView}>
                    <View style={styles.slide}>
                        <Text>H1</Text>
                    </View>
                    <View style={styles.slide}>
                        <Text>H2</Text>
                    </View>
                    <View style={styles.slide}>
                        <Text>H3</Text>
                    </View>
                </ScrollView>
                <ScrollView pointerEvents={"box-none"} style={styles.scrollView}>
                    <View style={styles.item}>
                        <Text>V1</Text>
                    </View>
                    <View style={styles.item}>
                        <Text>V2</Text>
                    </View>
                    <View style={styles.item}>
                        <Text>V3</Text>
                    </View>
                    <View style={styles.item}>
                        <Text>V4</Text>
                    </View> …