Feature Request: disable drawer programatically

Hi,

I would like to disable the drawer on some screens and reactivate it after in other screens, something like:

_drawerRef.setDisableProp(true|false)

I know I can do programatically close or open, but I would like to keep the close on tap gesture, and if possible the drag as well.

Thanks

Fx

[stephensprinkle-zz]

@fxhereng –

Came up against this scenario as well recently and there’s not need for a change to react-native-drawer itself – simply utilizing state should get things working as intended.

In my case things were similar, the drawer was the parent component of my react native router flux component.

Handled as follows (terse, just showing the relevant bits):

class <classname> extends Component{
  constructor(props){
    this.state = {
      drawerDisabled: true
    }

    this.disableDrawer = this.disableDrawer.bind(this)
    this.enableDrawer = this.enableDrawer.bind(this)
  }

  disableDrawer(){
    this.setState({
      drawerDisabled: true
    })
  }

  enableDrawer(){
    this.setState({
      drawerDisabled: false
    })
  }

  render(){
    return(
      <Drawer disabled={this.state.drawerDisabled}>
       <Router>
        <Route name='something' 
          component={Something} 
          disableDrawer={this.disableDrawer} 
          enableDrawer={this.enableDrawer} />
       </Router>
      </Drawer>
    )
  }
}

With this in place, you can then call the disable and enable props from within the child component(s).

[stephensprinkle-zz]

Even better! 👍