React-native-swipe-list-view: Question: how to render the hidden row based on the swipe position?

[grigy]

I want to achieve Google Inbox's swipe experience, where the hidden row animates based on the swipe open position. Is this possible with the react-native-swipe-list-view?

[grigy]

Hi everyone!

I'm trying to add a feature to let the hidden row component know the swipe position. Then I can use that to animate the icon, like the Google Inbox.

So what would be the best way to pass the _translateX value of the SwipeRow to its child component hiddren row?

[jemise111]

Hey @grigy this currently isn't supported but could be achieved by passing the value of how much a row has been swiped as it is being opened / closed. Maybe you could pass the value to a callback here: https://github.com/jemise111/react-native-swipe-list-view/blob/master/components/SwipeRow.js#L134

Not sure what kind of impact this would have on performance though...

Give it a shot and I'd be happy to look at a PR, thanks!

[jemise111]

@grigy took a while but this is finally supported! See here:

https://github.com/jemise111/react-native-swipe-list-view#ui-based-on-swipe-values-the-gmail-effect

[grigy]

Thank you @jemise111. This is great!