[Android] The Edit photo screen overlaps system navigation bar and the top status bar

[mrinsaaf]

Hello react-native-image-crop-picker team,

I am experiencing a UI issue on Android where the "Edit photo" screen (the cropping screen) overlaps with the system navigation bar at the bottom and the status bar at the top. This makes it difficult to use the cropping tool and see the entire image.

To Reproduce:

Open the image picker and select an image.

The cropping view appears.

Observe that the cropping view is now drawn over the system navigation and status bars.

Expected Behavior:
The cropping view should be displayed within the confines of the safe area, not overlapping with the system's UI elements.

Screenshots:

react-native-image-crop-picker version: [^0.50.1]

Thank you for your time and for this great library!

[klxiaoniu]

This is something related to edge-to-edge adaptation of uCrop. https://github.com/Yalantis/uCrop

This commit 3d5776c is a workaround to fix it, and uCrop has adapted to it in a better way in version 2.2.11, so update uCrop can fix it as well.

@ivpusic