Touch drag to close drawer

[sood03]

I am able to close the drawer with back button press, tapping on the non-drawer area. I am looking for a way to drag the open area of drawer horizontally leftwards and close it. Is there any prop I need to set?

My Drawer definition looks like:

                <Drawer
                    type="overlay"
                    ref={(_drawer) => this.drawer = _drawer}
                    onOpen={this.openDrawer.bind(this)}
                    onClose={this.closeDrawer.bind(this)}
                    tapToClose={true}
                    open={this.state.drawerOpen}
                    openDrawerOffset={0.2}
                    panCloseMask={0.2}
                    panOpenMask={0.15}
                    acceptPan={true}
                    negotiatePan={true}
                    closedDrawerOffset={-3}
                    tweenEasing="easeInOutCirc"
                    tweenHandler={(ratio) => ({
                        main: {opacity: (2 - ratio) / 2}
                    })}
                >

[naiyt]

Try this:

panCloseMask={0.9}
captureGestures={'closed'}

Increasing the panCloseMask gives you more space in which you can pan the drawer closed. Setting captureGestures to closed means that you can still interact with things inside of the drawer.

The only problem I've run into with that is if I also have a view behind the drawer that responds to horizontal pans when captureGestures is set to closed. Since the drawer is no longer capturing those gestures, if I start the pan from outside of the drawer it will pan the backing view...

My compromise was setting panCloseMask to something like 0.4.

[tuyennguyen266]

I added a PR to solve this issue here: #270.