Camera and cropping view on Android 15

[flipflop97]

Version

Tell us which versions you are using:

• react-native-image-crop-picker v0.41.4
• react-native v0.75.4

Platform

Tell us to which platform this issue is related

• iOS
• Android

Expected behaviour

Camera picker should have device insets to make sure elements are not drawn underneath the system bars

Actual behaviour

Camera picker and cropper draw under system bars in some circumstances

Steps to reproduce

1. Setup project which targets Android 15, and uses the camera image crop picker

2. Run on Android virtual device "Pixel 8 Pro - API 35-ext13"

3. Open the camera picker and cropper, and notice the system bars cover the top and bottom

Note that I cannot reproduce this on a real Pixel 8 Pro with Android 14 and edge-to-edge mode enabled but can reproduce on a real Pixel 8 Pro with Android 15

Attachments

[flipflop97]

Update: Just tested this on my real Pixel 8 Pro with Android 15, and the issue also appears there

[SectionTN]

having the same issue

[mozzius]

Also getting this. It's due to this:

https://developer.android.com/about/versions/15/behavior-changes-15#window-insets

Edit: Yalantis/uCrop#913

[almastabssam]

@ivpusic @mozzius Please update library with above changes and create the PR. Thanks

[mozzius]

Here's the patch file I made for Bluesky: https://github.com/bluesky-social/social-app/blob/main/patches/react-native-image-crop-picker+0.41.6.patch

Feel free to make a PR, but it is a temporary solution. It would be better to handle the insets properly

[almastabssam]

thanks, i already made a patch. Please add it in library. thanks Almas Tabssam Senior React Native Developer Mobile No: +923137833381

…

On Fri, 10 Jan 2025 at 02:59, Samuel Newman ***@***.***> wrote: Here's the patch file I made for Bluesky: https://github.com/bluesky-social/social-app/blob/main/patches/react-native-image-crop-picker+0.41.6.patch Feel free to make a PR, but it is a temporary solution. It would be better to handle the insets properly — Reply to this email directly, view it on GitHub <#2102 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AREENHLHCY6PLNYRT3U2C5L2J3WK5AVCNFSM6AAAAABP6W5Q6GVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDKOBRGMZDCOBSGA> . You are receiving this because you commented.Message ID: ***@***.***>

[mozzius]

I'd love to but I am not a maintainer and I don't know Android dev :P