BUG: Arrow buttons in header overlapping each other.

[nived-cv]

The touchable area of arrow buttons in header overlap each other when placed close, That is ... when clicking on the right arrow the left arrow will be triggered.

1. Device/emulator/simulator & OS version:

issue persist on all android devices I have tested as well as emulators.

How to reproduce

When the header is styled in a way as shown in below video, or in any way that the buttons are not on either ends, you can see that clicking outside of the button or even clicking on the opposite arrow, the other arrow button gets triggered.

Solution

This is an issue with the arrowsHitslop prop having 20 as a default value, I have made a branch in local machine with the proposed solution, and would like to raise a pull request.

Screencast.from.25-08-24.10.01.00.AM.IST.webm