[Android] Overlapping on Navigation Bar

[huyphammedit]

Hi team,
I just upgrade my RN to version 0.77.3 and upgrade our library to 0.51.0. On Android, I use function openCropper and enable freeStyleCropEnabled = true. This is still working fine with the RN version 0.72.17 when I don't target to Android 15.
The cropper frame overlay the navigation bar, can you help me check this?

[shekhawatvivek]

i am also facing the same issue

[Arjit0762]

Facing same issue

[BarisCki]

is there any solution for that?

[erp-ops]

I figured this one out within my own app.

import { SafeAreaProvider } from 'react-native-safe-area-context';

then wrap App.tsx in

Then in my ImagePicker (component wrapper) I did this:

import { useSafeAreaInsets } from 'react-native-safe-area-context';

const insets = useSafeAreaInsets();

then wrapped it in a view.
<View style={{ flex: 1, paddingTop: insets.top }}>