Camera is rendered above other layers (broken zIndex?)

[martinheidegger]

bug report

Both with .captureRef and .captureScreen a camera in the screen is always rendered above other elements.

Here are two screenshots of the Consento Screen

Taken with Android device screenshot: ↓

Taken with react-native-view-shot: ↓

Version & Platform

[email protected] /Users/m/Documents/consento/mobile
├─┬ [email protected]
│ └── [email protected]
└── [email protected]

Platform: Android

Expected behavior

Camera is rendered with the correct z-Index. If elements are above: they are rendered above.

Actual behavior

Camera is rendered above all other elements.

Steps to reproduce the behavior

1. create a camera react-native element
2. place another element above
3. take a screenshot.

[Dlessi]

some issues

[LillyBrainy]

same issues, any luck ?

[kruupos]

Not really a solution but you can disable the rendering of the camera before taking the screenshot. I had the problem with using react-navigation as well. See https://github.com/react-native-camera/react-native-camera/blob/master/docs/react-navigation.md