如何在Touchable组件中包含ScrollView?

时间:2017-10-19 14:41:47

标签: javascript react-native scrollview touchableopacity

我有一个主View组件包含ScrollView图片轮播,另一个View包含一些Text组件。我想触摸主View并打开另一个应用视图,但我也需要滚动图像。

我尝试将主View放在TouchableOpacity内(我也尝试了TouchableHighlightTouchableWithoutFeedback)并且效果不佳。

以下代码是我试图解决的问题:

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

有什么想法吗?

提前致谢

1 个答案:

答案 0 :(得分:0)

我认为应用于此主View的{​​{3}}可能适合您,而不是将视图包含在任何Touchable{...}组件中。