itemFull component gets hidden on swipe-down

This is my code

<SwipeUpDown
  swipeHeight={20}
  hasRef={ref => (this.swipeUpDownRef = ref)}
  itemFull={<Destination />}
  disablePressToShow={false}
  style={{ zIndex: 10, backgroundColor: '#a3a3a3'' }}
   animation="easeInEaseOut"
/>

Step 1: Swipe Up

When i try to swipe down, the content/component gets hidden and displays only the background color.

What I’m trying to achieve ? Component shouldn’t hide on swipe down.

[sunilmishra]

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(); }

[imdhemy]

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();
  }