Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Drawer not closing properly

See original GitHub issue

Hey, i’m getting issues with the drawer:

with static positioning: the drawer first is displayed on top of the other views, and when closed, the content overflows: static

with overlay: initially the drawer is displayed correctly, but once open, it won’t close to the end. overlay

my code is as follows:

<Drawer
        type="static"
        content={<CategoriesList {...this.props} />}
        openDrawerOffset={160}
        closedDrawerOffset={0}
        onOpen={() => this.props.toggleFilters(true)}
        onClose={() => this.props.toggleFilters(false)}
        styles={{
          drawer:{
            backgroundColor: 'white',
            marginTop: 60,
            overflow: 'hidden'
          }
        }}
        open={this.props.ui.filters.drawerOpen}
        tweenHandler={Drawer.tweenPresets.parallax}
        tapToClose={true}
      >
        <MenuBar {...this.props} style={{paddingTop: 20}} />
        <PartnerList partners={this.state.partners} style={{
          flex: 1,paddingLeft: 15, paddingRight: 15, marginBottom: sub.isValid() ? 0 : 60,
        }}/>
        <GetPass float/>
      </Drawer>

Versions: "react-native": "^0.29.0" "react-native-drawer": "^2.2.6"

Link to the code

If it makes a difference, this is wrapped within a Router of react-native-router-flux

Any help/hints greatly appreciated, and thank you for the hard work!

Issue Analytics

State:
Created 7 years ago
Reactions:1
Comments:7

Top GitHub Comments

2reactions

redflashercommented, Dec 9, 2016

yes, when '‘tweenHandler={Drawer.tweenPresets.parallax}’ was removed drawer work good. Cause of problem may be wrong parameter for tween (forget about ‘drawer.width’ or something else)

0reactions

zjjtcommented, Dec 14, 2016

i didnt check it out recently as i use the drawer component for android,if you think that is the tween handler which creates the issue ill check it out again and get back to you @nemosdo nemosdo…