javascript - TouchableOpacity 内的 ScrollView

Question

我正在尝试在 TouchableOpacity 组件内设置一个水平的 ScrollView(出于必要的原因)。然而，TouchableOpacity 会覆盖任何水平滚动功能并执行 onPress，即使对于水平触摸移动也是如此。

有没有办法让 ScrollView 触摸事件优先于父级 Touchable？这样用户就可以滚动组件并按下它。下面是一个类似于我要实现的代码片段。

<TouchableOpacity
    onPress={this._onPress}>
    <View>
        ... Some view I want static ...
    </View>
    <ScrollView
        horizontal={true}>
        ... A bunch of components I want scrollable ...
    </ScrollView>
</TouchableOpacity>

谢谢!

Answer 1

你可以试试这个。我试过你的代码，它对我有用。

<TouchableOpacity>
  <View>
    <Text>... Some view I want static ...</Text>
  </View>
  <ScrollView horizontal>
    <View onStartShouldSetResponder={() => true}>
      <Text>... A bunch of components I want scrollable ...</Text>
    </View>
  </ScrollView>
</TouchableOpacity>