fix drawer side "right" margin progressively increase

[mtiziano]

also reported here #349

[mstf0ta-app]

thank you very much .
this solve my problem too

[ItsNoHax]

Not a good fix, still breaks on iPhone PLUS or iPhone X models.

[mtiziano]

Thanks @ItsNoHax, it was a problem handling onPanResponderMove.
Now it should be fine

[engorila]

I don't understand your solution... and it not run on iPad.

To fix all you have to change updatePosition method. Add Math.round inside switch (in my case overlay):

drawerProps[this.props.side] = Math.round(-this.getDeviceLength() + this._offsetOpen + this._length)

[ItsNoHax]

@engorila Your fix doesn't work either, it still happens eventhough at a much smaller pace. I don't see how a Math.round can be a proper fix. I feel like you guys are programming by guessing.

[gersonmontenegro]

@engorila thanks, works fine for me, even in real devices like iPhone 5 and iPad mini, as in emulators.

[SupriyaKalghatgi]

@rt2zz When can we get this merged?

[amitmaurya0]

can any one tell me how and where to implement this updatePosition ?

[anjalsan]

@SupriyaKalghatgi When this fix reflect on nativebase?

[anjalsan]

@amitmaurya0 inside node_modules/react-native-drawer/index.js line number 210 in the latest version. you can change that line with this
drawerProps[this.props.side] = Math.round(-this.getDeviceLength() + this._offsetOpen + this._length)

[sdg9]

For what it's worth I did a git bisect between the react-native 0.54.x and 0.55.x and found that this commit in React Native is what causes the problem, at least when testing on iPhone X simulator. I don't have a solution yet.

[madyankin]

@rt2zz pleeeeease!

[roycclu]

Have tried @Numez and @anjalsan .
Works on most models.
Doesn't work on iPhoneX.
It reduces the problem to a much slower pace, but still there.

Only appears on RN 0.55, so reverting back to RN.0.54.
Can anyone confirm if this still an issue in RN 0.56?

[madyankin]

@roycclu you can try my fork https://github.com/outpunk/react-native-drawer.

[roycclu]

@Outpunk sure will try.
Can you make a PR so it's obvious to see the changes you made against main repository?
Thanks.

[madyankin]

@roycclu Actually, I did ;)
https://github.com/root-two/react-native-drawer/pulls/outpunk

[roycclu]

@Outpunk
dood, doesn't work.
looks like the only change you made was line 30 in tweener.js

this._config.onFrame(Math.round(tweenVal));

Problem still present on iPhoneX, just to a smaller degree

[madyankin]

@roycclu Can the bug be reproduced in iOS simulator?

[nguyenvanphuc2203]

any update ?

[roycclu]

The bug can be repro in simulator.
Currently I reverted down to RN 53. (RN54 also works.)

To repro, make a horizontal listview in the main page, and as you open and close drawer, the cells in the listview shrink.

Currently busy with our app launch. Will try making a repro when I have time. But yea problem is fairly obvious.

[madyankin]

@roycclu It would be nice to have one. I'm a bit busy to tackle this now, but I have to support iPhone X, too. So I'll dig into this later if nobody solves the issue until then.

[uc-asa]

drawerProps[this.props.side] = Math.round(-this.getDeviceLength() + this._offsetOpen + this._length)

That's work for me.

Thanks @amitmaurya0

[jdestep93]

Works well thanks @amitmaurya0

[irqequirecoffee]

Just stopping by to say thanks to @amitmaurya0, this fix worked for me as well.

[rt2zz]

thanks @amitmaurya0 !

[predator-1]

You can make even openDrawerOffset. I had openDrawerOffset={0.33} and it has bug. But
openDrawerOffset={0.34} all ok

[adnan1naeem]

@anjalsan solution is working fine please release new version with the prescribed solution

[chiasheang]

@amitmaurya0 inside node_modules/react-native-drawer/index.js line number 210 in the latest version. you can change that line with this
drawerProps[this.props.side] = Math.round(-this.getDeviceLength() + this._offsetOpen + this._length)

Works on most models.
Doesn't work on iPhoneX and iPhone Plus models when I set openDrawerOffset = {0.3} and open it for more than 7 times
But working fine if I set openDrawerOffset = {0.28}

Hope someone can figure out what are the problems.