I want to create a list (now it is a scroll view with map()ped items and works well). But I don’t know how to add a slide menu to the items, which is displayed once I press screen from right and swipe to the left, just like the ios list swipe gesture. It is not necessary to be full ios-like elastinized, but I want it to be LOCKED – either show the all or not show any of the menu.
Look at the following prototype, it shows list items with swiped menu:
I’ve searched for it on the web, but the results are not related to my case, such as react-native-swiper, a library I’ve tried and is using. It can only swipe to the full width(or height) of space with pagination, but does not work for me.
And for other libraries, such as the main UI framework of my project, react-native-elements. It provides a swipeable component called ListItem.Swipeable, that works in some situations, but…
its implementation is a hack… the edge component relies on the covering by the card content. When the card moves left horizontally, the button shows. But once the card item is set to translucent, the menu buttons suddenly leaked out. I have thought about whether I could dynamically change a mask or opacity by monitoring the scrolling distance of the card, just like on a web page, but this library does not provide this kind of interface. That is.
What can I do?