javascript - 如何在 Touchable 组件中包含 ScrollView？

Question

我有一个主要的 View 组件，其中包含一个 ScrollView 图像轮播和另一个包含一些 Text 组件的 View .我想触摸主 View 并打开另一个应用程序 View ，但我也需要滚动图像。

我尝试将主要的 View 放在 TouchableOpacity 中(我也尝试了 TouchableHighlight 和 TouchableWithoutFeedback)并且它不能正常工作。

下面的代码是我试图解决它的方式:

<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>

有什么想法吗？

提前致谢

Answer 1

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