Flutter-image-cropper 图片裁剪组件,在Android上与通知栏重合问题解决方案
使用Flutter开发移动端应用,如果使用 `image-cropper` 插件开发图片裁剪功能,裁
渲染中...
使用Flutter开发移动端应用,如果使用 `image-cropper` 插件开发图片裁剪功能,裁剪页面得页头在Android新版本上,大概率会与系统通知栏重合,在一些机型上可能导致无法点击确定等按钮得情况。
由于在老板Android上没有该问题,所以可以直到大概率是由于Android新版本适配问题。
> 前排提示,本文参考: https://github.com/hnvn/flutter_image_cropper/issues/570 内容
<!-- more -->
## 临时解决办法
现在有一个解决方案,不过需要自行进行一些配置;
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"/>
```
3. 在 `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>
```
4. 最后更新 `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"/>
```
通过上述配置后,重启项目即可修复通知栏与页头重合问题,但经过老狗的实际使用,发现虽然问题解决了,但在裁剪页面通知栏得背景是白色,文字也是白色,这就有点不和谐了,目前还不知道如何进一步修复通知栏颜色的问题,如果你知道更多,欢迎评论交流啊!END
评论
登录后查看和发表评论
前往登录