search

jemise111 / react-native-swipe-list-view

A React Native ListView component with rows that swipe open and closed
https://www.npmjs.com/package/react-native-swipe-list-view
MIT License
2.78k stars 528 forks source link

delete button in renderHiddenItem components covers the first button when clicked #616

Closed captainalbert closed 1 year ago

captainalbert commented 1 year ago

Your issue may already be reported! Please search on the issue tracker before creating one.

Describe the bug I have two components in renderHiddenItem. A heart button and a delete button. When I click on any of the two, the heart button is being fully covered by the delete button. Any idea on how to fix this? I'm not familiar with the library itself so I might be missing on a property that's just need to be passed though.

To Reproduce Steps to reproduce the behavior:

  1. Swipe to left an item to show the renderHiddenItem components.
  2. Click on any of the buttons (either heart button or delete button)
  3. Then it delete button covers the heart button.

Screenshots If applicable, add screenshots to help explain your problem.

When I click on the delete button: image

It covers the first heart button: image

this happens also even when I clicked on the heart button, delete button will also cover it.

Environment (please complete the following information):

captainalbert commented 1 year ago

Found the culprit. Turns out I just had a styling problem that renders upon clicking of the hidden buttons.