react-native-image-viewing icon indicating copy to clipboard operation
react-native-image-viewing copied to clipboard

presentationStyle=coverFullScreen does not hide status bar on Android

Open appsgenie opened this issue 2 years ago • 5 comments

Using a Pixel 2 phone. In Expo Go app. No matter what options I choose for the presentationStyle property can't help me show images in full screen with everything hidden (just showing the image and close button).

appsgenie avatar Sep 07 '22 04:09 appsgenie

It actually shows the status bar explicitly when I hide it before tapping on the ImageView :eyes:

appsgenie avatar Sep 09 '22 03:09 appsgenie

I'm seeing this problem as well. presentationStyle="overFullScreen" is not working on Android 10. The status bar is still visible but it doesn't take its space so the content behind the modal is pushed up and is visible through the status bar.

Untitled@0 5x

janpe avatar Sep 14 '22 05:09 janpe

so I think what we actually need here is to set statusBarTranslucent={true} that will fix the underlying issue using the react-native Modal.

appsgenie avatar Sep 23 '22 23:09 appsgenie

so I think what we actually need here is to set statusBarTranslucent={true} that will fix the underlying issue using the react-native Modal.

@appsgenie Could you clarify where exactly this could be added?

FabianTrain avatar Sep 27 '23 16:09 FabianTrain

Hi guys, I found a trick that we can set statusBarTranslucent={presentationStyle === "overFullScreen"} and comment the StatusBarManager. That can resolve the problem with the status bar on Android and provide smooth animation too. Then you can use patch-package to apply it.

Screenshot 2023-10-11 at 14 13 44

williampd avatar Oct 11 '23 07:10 williampd