The status bar blocks the tool operation bar

[MisterZhu]

shown below code giving above output

final croppedFile = await ImageCropper().cropImage(
      sourcePath: widget.imageFile.path,
      aspectRatio: const CropAspectRatio(ratioX: 1, ratioY: 1),
      compressFormat: ImageCompressFormat.jpg,
      compressQuality: 100,
      uiSettings: [
        AndroidUiSettings(
          toolbarTitle: '裁剪图片'.tr,
          toolbarColor: Colors.white,
          initAspectRatio: CropAspectRatioPreset.original,
          lockAspectRatio: true,
        ),
        IOSUiSettings(
          title: '裁剪图片'.tr,
        ),
      ],
    );

Mobile phone brand: OnePlus Ace 2 Pro Android System 15

[irchriscott]

I have the same issue on Google Pixel 9 Pro XL

[VivekSorathiyaa]

same issue

[AsmaaAlamrawy]

Same issue but with System navigation bar: it blocks the crop, zoom, retake actions on Pixel 4 emulator – 1080 × 2280 And can be reproduced on other production devices

[Belveloper]

Same issue here with all android phones targeting Android 35 and above It's a SafeArea issue

[antiv]

same :)

[Belveloper]

@hnvn Hi 👋 Thanks a lot for your amazing work on the image_cropper package it's been super helpful

I just wanted to flag a small issue: on Android 14/15+ (SDK 34/35), the status bar now overlaps the tool operation bar, making cropping a bit tricky for users. Could you please consider updating the layout to better support the new Android system UI behavior?

[MisterZhu]

I have solved, please see change log 9.0.0 and 8.1.0, needs to be modified or new android/app/SRC/main/res/configuration file @antiv @Belveloper @AsmaaAlamrawy @VivekSorathiyaa @irchriscott

[MisterZhu]

The problem was solved by checking the 9.0.0 Changelog

[TicTac705]

I have all the settings correspond to the Readme section. But the problem is still relevant. Pixel 9 Flutter 3.35.1, Dart 3.9.0

[msuddaby]

@TicTac705 had the same issue. Changing res/values-v35/styles.xml to the following seems to have fixed it:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="Ucrop.CropTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowOptOutEdgeToEdgeEnforcement">true</item>
        <item name="android:statusBarColor">@android:color/black</item>
        <item name="android:windowLightStatusBar">false</item>
        <item name="android:fitsSystemWindows">true</item>
    </style>
</resources>

The status bar is completely white, but only while the cropper view is active so w/e.