itemFull component gets hidden on swipe-down about react-native-swipe-up-down HOT 9 CLOSED

Just add this line in showMini function.
this.SWIPE_HEIGHT = 150; // Avoid hiding when swiping down.

showMini() {
const { onShowMini, itemMini } = this.props;
this.SWIPE_HEIGHT = 150; // Avoid hiding when swiping down.
this.customStyle.style.top = itemMini ? DEVICE_HEIGHT - this.SWIPE_HEIGHT : DEVICE_HEIGHT;
this.customStyle.style.height = itemMini ? this.SWIPE_HEIGHT : 0;
this.swipeIconRef && this.swipeIconRef.setState({ showIcon: false });
this.updateNativeProps();
!this.state.collapsed && this.setState({ collapsed: true });
this.checkCollapsed = true;
onShowMini && onShowMini();
}

from react-native-swipe-up-down.

This is still an issue, does the author ever plan on fixing this?

from react-native-swipe-up-down.

Found the solution. In index.js, set the line beginning with this.customStyle.style.top equal to 0 in both the call to showFull() and showMini().

this.customStyle.style.top = 0;

from react-native-swipe-up-down.

@hazeeb Did you try solution of @crock ?

from react-native-swipe-up-down.

@hazeeb Check after removing this line in onPanResponderMove method.
!this.state.collapsed && this.setState({ collapsed: true });

from react-native-swipe-up-down.

@nitinkumar24 It's not working. Any other solution for this

from react-native-swipe-up-down.

@minhchienwikipedia I tried @crock solution. No luck. Still having same issue

from react-native-swipe-up-down.

@hazeeb did you try swipeHeight={100} ? this worked for me.

from react-native-swipe-up-down.

I think that the MARGIN_TOP constant on the top of the file on src/index is the source of this problem. My suggestion is to subtract it from DEVICE_HEIGHT on the showMini() method.

showMini() {
    const { onShowMini, itemMini } = this.props;
    this.customStyle.style.top = itemMini
      ? DEVICE_HEIGHT - this.SWIPE_HEIGHT - MARGIN_TOP // avoid hiding on swipe down
      : DEVICE_HEIGHT;
    this.customStyle.style.height = itemMini ? this.SWIPE_HEIGHT : 0;
    this.swipeIconRef && this.swipeIconRef.setState({ showIcon: true });
    this.updateNativeProps();
    !this.state.collapsed && this.setState({ collapsed: true });
    this.checkCollapsed = true;
    onShowMini && onShowMini();
  }

from react-native-swipe-up-down.