如何在 Touchable 组件中包含 ScrollView？答案

【问题标题】：How can I include a ScrollView inside a Touchable component?如何在 Touchable 组件中包含 ScrollView？
【发布时间】：2017-10-19 14:41:46
【问题描述】：

我有一个主要的 View 组件，其中包含一个 ScrollView 图像轮播，另一个 View 包含一些 Text 组件。我想触摸主 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>

有什么想法吗？

提前致谢

【问题讨论】：

标签： javascript react-native scrollview touchableopacity

【解决方案1】：

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

【讨论】：