closeOnDragDown should be tied to props about react-native-raw-bottom-sheet HOT 4 CLOSED

state = {
   isAllowCloseOnDragDown: fasle
}

if (condition === true) {
  this.setState({ isAllowCloseOnDragDown: true });
}

<RBSheet closeOnDragDown={this.state.isAllowCloseOnDragDown} >

@KjellConnelly Doesn't this simple code work?

from react-native-raw-bottom-sheet.

I'm pretty sure I tried something like that, but no it doesn't. I believe a panhandler is connected when the object is being constructed. But when you change state, the panhandler will not emerge into existance if it doesn't already exist, nor will it disappear.

from react-native-raw-bottom-sheet.

+1
I'm in a similar situation where I would like to prevent the user from closing it after some state changes.
I have something like

const { allowClose } = this.state;
  <RBSheet
        ref={sheet => this.sheet = sheet}
        duration={250}
        closeOnDragDown={allowClose}
        closeOnPressBack={allowClose}
        closeOnPressMask={allowClose}
        open>
{children}
</RBSheet

when the state changes, the closeOnPressBack and closeOnPressMask work as expected, that is, closing is not allowed, but it allows to drag it down and close it.

It tried to force it again by calling createPanResponder(props) in the componentDidUpdate callback but no luck.

from react-native-raw-bottom-sheet.

+1 facing the same issue
@KjellConnelly @dagi3d did u find any workaround for this ?

from react-native-raw-bottom-sheet.