Set dynamic open values

[sadikyalcin]

Describe the bug
Open values expect a number so we cannot pass a string. Is there anyway we can modify the module to allow a percentage value? This is an issue when a device is rotated. Unless I do a orientation change detection and update the value.

rightOpenValue={-Dimensions.get('window').width / 2} => rightOpenValue={'-50%'}

To Reproduce
Set a fixed number on an open value and rotate the device.

Screenshots
Portrait:

Landscape:

Environment (please complete the following information):

• OS: Both
• RNSLV Version: v2.3.0
• RN Version: 0.61.5

[jemise111]

Hey @sadikyalcin unfortunately if you look through the code of SwipeRow.js you'll see that we're doing a good amount of math with the assumption that the rightOpenValue and leftOpenValue are numbers. It would take a significant rewrite to allow for percentage strings, and even then I'm not sure how it would work.

I would ask that you apply the percentage to the window width like you showed above i.e. Dimensions.get('window').width * 0.5.

As for the value not updating on an orientation change, can you try setting the prop recalculateHiddenLayout={true} and give it another go, I think this may fix your issue.

See more here: #87

[sadikyalcin]

Hey @sadikyalcin unfortunately if you look through the code of SwipeRow.js you'll see that we're doing a good amount of math with the assumption that the rightOpenValue and leftOpenValue are numbers. It would take a significant rewrite to allow for percentage strings, and even then I'm not sure how it would work.

I would ask that you apply the percentage to the window width like you showed above i.e. Dimensions.get('window').width * 0.5.

As for the value not updating on an orientation change, can you try setting the prop recalculateHiddenLayout={true} and give it another go, I think this may fix your issue.

See more here: #87

Hi Jesse, thanks for that, that has solved my problem.

[jemise111]

Awesome, glad to hear it