如何在Touchable组件中包含ScrollView？

Question

I have a main View component containing a ScrollView image carousel and another View that includes some Text component. I want to touch over the main View and open another app view, but I need to scroll images too.

I tried to put the main View inside a TouchableOpacity (I tried TouchableHighlight and TouchableWithoutFeedback too) and it doesn't work fine.

The following code is how I am trying to solve it:

<TouchableOpacity onPress={this.showView}>
  <View style={styles.mainContainer}>
    <ScrollView horizontal pagingEnabled>
      {images.map((image, index) => (
        <Image
          key={index}
          source={image}
        />
      ))}
    </ScrollView>
    <View style={styles.title}>
      <View style={styles.rowContainer}>
        <Text>{sample text}</Text>
      </View>
    </View>
  </View>
</TouchableOpacity>

Any idea?

Thanks in advance

Answer 1

我认为应用于此主View PanResponder可能适合您，而不是将View包装在任何Touchable{...}组件中。