使用Flutter开发移动端应用,如果使用 image-cropper
插件开发图片裁剪功能,裁剪页面得页头在Android新版本上,大概率会与系统通知栏重合,在一些机型上可能导致无法点击确定等按钮得情况。
由于在老板Android上没有该问题,所以可以直到大概率是由于Android新版本适配问题。
前排提示,本文参考: https://github.com/hnvn/flutter_image_cropper/issues/570 内容
现在有一个解决方案,不过需要自行进行一些配置;
image-cropper
版本到 9.1.0+
;android/app/src/main/res/values/style.xml
文件得 <resources>
中添加如下配置xml <style name="Ucrop.CropTheme" parent="Theme.AppCompat.Light.NoActionBar"/>
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>
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 许可协议。转载请注明出处!