React Native Gesture Handler Full Swipe functionality where one button overtakes the other when swiped beyond certain threshold

[deeRAWAT]

I am implementing swipe to Delete Functionality in my App which works similar to Gmail and is built using react native. In the app I am rendering various messages inside FlatList, Now i want to add:

1. Swipe functionality in that in such a way that if user tries to swipe the message card from the right side then till a certain threshold limit, two buttons should appear which are Save and Delete.
2. Now if user pushes the message beyond certain threshold then Delete Button overtake the whole row and the row should get closed which should invoke Delete function.

As of now, First requirement is working fine but i am not able to achieve the second requirement i.e Delete button overtaking whole row when pushed beyond certain threshold.
Attaching the requirement image for reference. Requirement

I need to use react-native-gesture-handler library only. I am referring to the react-native-gesture-handler GitHub repo example: Example

Can anyone please help regarding how to achieve the desired effect.

I need to use react-native-gesture-handler library.
I referred the library documentation and the Github CodeBase but not able to find any solution regarding this.