React Native Touchable is disabling ScrollView

This is what worked for me:

<TouchableWithoutFeedback onPress={...}>
  <View>
    <ScrollView>
      <View onStartShouldSetResponder={() => true}>
        // Scrollable content
      </View>
    </ScrollView>
  </View>
</TouchableWithoutFeedback>

The onStartShouldSetResponder prop stops the touch event propagation towards the TouchableWithoutFeedback element.

Leave a Comment