2025-07-31
编程与技术
00

目录

临时解决办法

使用Flutter开发移动端应用,如果使用 image-cropper 插件开发图片裁剪功能,裁剪页面得页头在Android新版本上,大概率会与系统通知栏重合,在一些机型上可能导致无法点击确定等按钮得情况。

由于在老板Android上没有该问题,所以可以直到大概率是由于Android新版本适配问题。

前排提示,本文参考: https://github.com/hnvn/flutter_image_cropper/issues/570 内容

临时解决办法

现在有一个解决方案,不过需要自行进行一些配置;

  1. 更新 image-cropper 版本到 9.1.0+
  2. android/app/src/main/res/values/style.xml 文件得 <resources> 中添加如下配置
xml
<style name="Ucrop.CropTheme" parent="Theme.AppCompat.Light.NoActionBar"/>
  1. android/app/src/main/res/values-v35/styles.xml 中添加如下配置(如果没有这个文件夹和文件,自行新建即可):
xml
<?xml version="1.0" encoding="utf-8"?> <resources> <style name="Ucrop.CropTheme" parent="Theme.AppCompat.Light.NoActionBar"> <item name="android:windowOptOutEdgeToEdgeEnforcement">true</item> </style> </resources>
  1. 最后更新 AndroidManifest.xml 文件,将原来的裁剪主题配置值从 @style/Theme.AppCompat.Light.NoActionBar 替换为 @style/Ucrop.CropTheme,结果如下:
xml
<activity android:name="com.yalantis.ucrop.UCropActivity" android:screenOrientation="portrait" android:theme="@style/Ucrop.CropTheme"/>

通过上述配置后,重启项目即可修复通知栏与页头重合问题,但经过老狗的实际使用,发现虽然问题解决了,但在裁剪页面通知栏得背景是白色,文字也是白色,这就有点不和谐了,目前还不知道如何进一步修复通知栏颜色的问题,如果你知道更多,欢迎评论交流啊!

本文作者:DingDangDog

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!