Update uCrop to 2.2.11 to resolve Android edge-to-edge(notch) issue (#2187)

* Revert "Notch Issue Fix 08-05-2025 (#2168)"

This reverts commit 3d5776c.

* Update uCrop to 2.2.11 and sync changes

`cropperStatusBarColor` removed, added `cropperStatusBarLight` and `cropperNavigationBarLight`

Author: klxiaoniu

AwesomeExample/App.tsx

@@ -175,7 +175,8 @@ export default class App extends Component<{}, AppState> {
       compressImageQuality: 1,
       compressVideoPreset: 'MediumQuality',
       includeExif: true,
-      cropperStatusBarColor: 'white',
+      cropperStatusBarLight: true,
+      cropperNavigationBarLight: false,
       cropperToolbarColor: 'white',
       cropperActiveWidgetColor: 'white',
       cropperToolbarWidgetColor: '#3498DB',

README.md

@@ -99,7 +99,7 @@ dependencies {
     }
     implementation "com.facebook.react:react-native:${safeExtGet('reactNativeVersion', '+')}"
     implementation 'androidx.swiperefreshlayout:swiperefreshlayout:1.1.0'
-    implementation 'com.github.yalantis:ucrop:2.2.10'
+    implementation 'com.github.yalantis:ucrop:2.2.11'
     implementation 'androidx.activity:activity:1.10.1'
     implementation "androidx.core:core:1.16.0"
     implementation 'androidx.exifinterface:exifinterface:1.4.1'

android/build.gradle

@@ -24,7 +24,7 @@
 
         <activity
             android:name="com.yalantis.ucrop.UCropActivity"
-            android:theme="@style/UCropTheme"
+            android:theme="@style/Theme.AppCompat.Light.NoActionBar"
             android:exported="false" />
 
 

android/src/main/AndroidManifest.xml

@@ -29,7 +29,6 @@
 import com.facebook.react.bridge.Promise;
 import com.facebook.react.bridge.PromiseImpl;
 import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactMethod;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.bridge.WritableNativeMap;
@@ -91,10 +90,11 @@ class ImageCropPicker implements ActivityEventListener {
     private boolean enableRotationGesture = false;
     private boolean disableCropperColorSetters = false;
     private boolean useFrontCamera = false;
+    private boolean cropperStatusBarLight = true;
+    private boolean cropperNavigationBarLight = false;
     private ReadableMap options;
 
     private String cropperActiveWidgetColor = null;
-    private String cropperStatusBarColor = null;
     private String cropperToolbarColor = null;
     private String cropperToolbarTitle = null;
     private String cropperToolbarWidgetColor = null;
@@ -132,7 +132,6 @@ private void setConfiguration(final ReadableMap options) {
         maxFiles = options.hasKey("maxFiles") ? options.getInt("maxFiles") : maxFiles;
         cropping = options.hasKey("cropping") && options.getBoolean("cropping");
         cropperActiveWidgetColor = options.hasKey("cropperActiveWidgetColor") ? options.getString("cropperActiveWidgetColor") : null;
-        cropperStatusBarColor = options.hasKey("cropperStatusBarColor") ? options.getString("cropperStatusBarColor") : null;
         cropperToolbarColor = options.hasKey("cropperToolbarColor") ? options.getString("cropperToolbarColor") : null;
         cropperToolbarTitle = options.hasKey("cropperToolbarTitle") ? options.getString("cropperToolbarTitle") : null;
         cropperToolbarWidgetColor = options.hasKey("cropperToolbarWidgetColor") ? options.getString("cropperToolbarWidgetColor") : null;
@@ -144,6 +143,8 @@ private void setConfiguration(final ReadableMap options) {
         enableRotationGesture = options.hasKey("enableRotationGesture") && options.getBoolean("enableRotationGesture");
         disableCropperColorSetters = options.hasKey("disableCropperColorSetters") && options.getBoolean("disableCropperColorSetters");
         useFrontCamera = options.hasKey("useFrontCamera") && options.getBoolean("useFrontCamera");
+        cropperStatusBarLight = options.hasKey("cropperStatusBarLight") ? options.getBoolean("cropperStatusBarLight") : true;
+        cropperNavigationBarLight = options.hasKey("cropperNavigationBarLight") ? options.getBoolean("cropperNavigationBarLight") : false;
         this.options = options;
     }
 
@@ -704,13 +705,12 @@ private void configureCropperColors(UCrop.Options options) {
             options.setToolbarColor(Color.parseColor(cropperToolbarColor));
         }
 
-        if (cropperStatusBarColor != null) {
-            options.setStatusBarColor(Color.parseColor(cropperStatusBarColor));
-        }
-
         if (cropperToolbarWidgetColor != null) {
             options.setToolbarWidgetColor(Color.parseColor(cropperToolbarWidgetColor));
         }
+
+        options.setStatusBarLight(cropperStatusBarLight);
+        options.setNavigationBarLight(cropperNavigationBarLight);
     }
 
     private void startCropping(final Activity activity, final Uri uri) {

android/src/main/java/com/reactnative/ivpusic/imagepicker/ImageCropPicker.java

@@ -198,12 +198,20 @@ declare module "react-native-image-crop-picker" {
         cropperActiveWidgetColor?: string;
 
         /**
-         * When cropping image, determines the color of StatusBar.
+         * When cropping image, true for light status bar (dark icons), false for dark status bar (light icons).
          *
          * @platform Android only
-         * @default '#424242'
+         * @default true
+         */
+        cropperStatusBarLight?: boolean;
+
+        /**
+         * When cropping image, true for light navigation bar (dark icons), false for dark navigation bar (light icons).
+         *
+         * @platform Android only
+         * @default false
          */
-        cropperStatusBarColor?: string;
+        cropperNavigationBarLight?: boolean;
 
         /**
          * When cropping image, determines the color of Toolbar.

android/src/main/res/values/styles.xml

@@ -33,7 +33,8 @@ export type PickerOptions = {
   width?: number;
   height?: number;
   cropperActiveWidgetColor?: string;
-  cropperStatusBarColor?: string;
+  cropperStatusBarLight?: boolean;
+  cropperNavigationBarLight?: boolean;
   cropperToolbarColor?: string;
   cropperToolbarTitle?: string;
   cropperToolbarWidgetColor?: string;