I am using bottom-tabs with a plus button But Plus button is not clickable in half of the area in react native in android Only?

Question

I am using @react-navigation/bottom-tabs in the react native. And i need Plus button above the area, So i am able to achieve it, but in the Android Above half area of the Plus icon is not clickable in android.But in IOS it is working fine anybody have an answer about it.

Answer 1

Kindly use hitSlop property on your button like this to increase the tapping area:

hitSlop={{top: 20, bottom: 20, left: 50, right: 50}}