iOS Swiping last page triggers click

[yuoppp]

Which OS ?

iOS

Version

Which versions are you using:

• react-native-swiper v1.5.13
• react-native v0.45.0

Expected behaviour

When I try to swipe first page to the left or last page to the right, I expect to see scroll borders.

Actual behaviour

Instead of displaying scroll border, the onClick action is triggered

Steps to reproduce

1. create swiper with 2+ pages. the page itself should contain touchable* element
2. set loop={false}
3. swipe first page to the left or last page to the right.
4. catch the touchable* onPress event

[zhuweicz]

any progress about this issue?

[arslansajid]

Looks like this issue has not been resolved yet.

[aarondulpina]

Managed to prevent catching the onPress by:
<View onMoveShouldSetResponderCapture={()=>true}> <TouchableOpacity onPress={()=>console.log('Pressed')}>//render something</TouchableOpacity> </View>

[ghost]

A hacky way to do this - Differentiate tap and swipe by checking tap locationX. If same location, tap. Different location, swipe. Feel free to adjust the +-5 threshold

let onPressX = 0 // Put this variable outside

<TouchableOpacity
  onPressIn={(e) => {
    onPressX = e.nativeEvent.locationX;
  }}
  onPressOut={(e) => {
    if (
      e.nativeEvent.locationX > onPressX - 5 &&
      e.nativeEvent.locationX < onPressX + 5
    ) {
      this.callYourAction()
    }
  }}
>