Using ReanimatedSwipeable to replicate iOS experience in Messages

[jasonrastovski]

Hi,

I'm exploring the capabilities of ReanimatedSwipeable and wanted to know if the following behavior is possible:

I’d like to implement a "snap point" where swiping from right to left reveals a "delete" button, similar to the AppleStyleSwipeableRow example (specifically the More | Flag | More buttons, but just one button). However, I’d also like to extend this functionality by allowing the user to continue swiping past the snap point to trigger the "delete" action automatically.

Is it possible to configure ReanimatedSwipeable to achieve this behavior, and if so, could you point me in the right direction?

Thanks in advance!

[bunkscene]

Sorry, I do not have an answer for you, but I could not figure out a way to do it with ReanimatedSwipeable. I find it funny because the image on the documentation page shows a similar component, haha. If anyone does have an implementation, I would also love to see it.

Anyway, I ended up creating my own component using a pan gesture.

[znikap]

Same here! Can't replicate the behaviour with this component 😬
Did you manage to find a way or just created your own component?

[jasonrastovski]

I haven't found a way. Just changed the requirements so that we just use the snap point to reveal the "delete" button that the user will have to click on. No "continue swiping" functionality yet...

[gabimoncha]

i had to change the source code to make it work for one element, now I'm trying to figure out when i have three how to make the last one increase in width 😂

[gabimoncha]

cc @latekvo I agree. The component should have a snap/overshoot property, which when is defined and if translation is bigger than it the component would translate full width

[latekvo]

Hey @gabimoncha, I saw your tweet that you're interested in contributing to our library with some improvements to the ReanimatedSwipeable. I'm happy to assist you if you need any help with creating the PR. Also feel free to contact us via our Discord if you wish to get a more direct communication channel, we have a dedicated #gesture-handler channel there.

[gabimoncha]

thank you @latekvo. I messaged you there. Here a preview of what i managed to create, but the implementation feels like a hack so I would love to get your input on it

ScreenRecording_08-19-2025.20-52-24_1.mov