react-native-safe-area-context icon indicating copy to clipboard operation
react-native-safe-area-context copied to clipboard

Published 20 hours ago • verified publisher icon th3rdwave

Issue with react navigation bottom tab - tabs not clickable android

Open Jalson1982 opened this issue 4 years ago • 5 comments

Hello. In a project with react-native-safe-area-context version 0.7.3 all works but with the latest version I have a big issue on android devices. The clickable area of bottom tabs is reduced to the top only ( you can take a look at the image ). I am not sure what I can do to fix this ( reverting back is not an option as we use a lot of the latest options provided by react-native-safe-area-context ). Any advice pls pls...

image

Jalson1982 avatar Sep 01 '20 20:09 Jalson1982

Further investigation shows that bottom bar is hidden by soft android navigation... any advice?

Jalson1982 avatar Sep 02 '20 12:09 Jalson1982

It seems removing status bar translucent fix somehow issue...

Jalson1982 avatar Sep 03 '20 09:09 Jalson1982

Removing status bar translucent still not working for me, any ideas or solution? Thanks!

leonidas-1 avatar Nov 13 '20 00:11 leonidas-1

Any updates on this topic?

simongoot avatar Aug 26 '21 10:08 simongoot

@Jalson1982 we found the problem and managed to resolve this issue yesterday. It was caused by ModalProvider from react-native-modalfy package ( https://github.com/colorfy-software/react-native-modalfy )

The problem was resolved in the latest update of the package and most likely their backdrop heigh issue from using window instead of screen dimensions for calculating the size of it.

simongoot avatar Sep 07 '21 05:09 simongoot

This is for v3 of the library, and we're on v4. Please re-open a new issue if you're still facing issues

jacobp100 avatar Jan 19 '23 16:01 jacobp100