Android Compose Dialog唤起键盘后,键盘遮挡Dialog底部内容或者底部TextField顶起不完美的解决方法

        前段时间学习了Android Compose。打算用Compose写套基础库,用在现有项目中。当前库已经编写完成,但在调试细节时,遇到了“Android Compose Dialog唤起键盘后,遮挡Dialog底部内容或者底部TextField顶起后输入框底部还是被遮挡的的“问题:具体情况如下图:请添加图片描述
请添加图片描述
        首先想到的是在AndroidManifest.xml中,添加“android:windowSoftInputMode=adjustResize”,但是这并没有解决问题(其实这本来和Dialog无关)。在Dialog,DialogFragment中,遇到此类情况时是设置Dialog的Window属性,来解决键盘问题的,给Dialog设置主题,或者在代码设置在这里插入图片描述在这里插入图片描述
在这里插入图片描述
        然而,在Compose中,官方给出的Dialog实现方式,我们既不能通过设置主题,也不能通过代码设置(拿不到Compose Dialog的window对象,当然,这也导致不能设置Gravity,设置对话框的位置了,需要通过自定义Modifier来实现对话框的位置)。
        在搜索解决方案时,发现了一个WindowsIntest库,github地址是https://github.com/google/accompanist;maven仓库地址是https://mvnrepository.com/artifact/com.google.accompanist;官方guide地址是https://google.github.io/accompanist/insets/,这只解决了遮挡的问题,但底部输入框的问题确变得更严重了。情况如下:
请添加图片描述
请添加图片描述
        一度怀疑是不是自己用accompanist-insets-ui库的姿势不对,在经过各种尝试后发现解决不了问题,于是按官方建议,使用官方版本,将Compose库升级到1.2.0版本,使用官方在库androidx.compose.foundation中的WindowInsets来寻求解决我遇到的问题。
在这里插入图片描述
        在将compose库升级到1.2.0版本后,用了foundation库中的imepadding。发现在Dialog中没有效果,用了和没用一样。然而在Activity中效果挺完美,具体情况如下图。
在这里插入图片描述

在Dialog中无效
请添加图片描述
请添加图片描述
在Activity中有效,而且效果相当完美,动画也丝滑
请添加图片描述
        在百度、Google多次,甚至查阅官方源码issue没有找到解决方案后,多次进行摸索尝试,探索出两种解决方案。源码均已用在公司项目中,这里只提供思路,提供关键代码,开口就要源码,语气不好的请自觉
方案一:模仿官方ComposeDialog的源码实现,自定义对话框(Custom Dialog)
方案二:使用WindowsInsets库后,我们能使用整个屏幕(能轻松获取、隐藏StatusBar、NavigationBar及其padding)以及键盘高度(在过去,键盘高度可不好轻易获取),那自定一个ComposeView,嵌入到当前Activity。然后再在ComposeView中绘制一个对话框出来(这个思路能绘制出各种想要的顶层组件)。
方案一,部分源码介绍。
在这里插入图片描述在这里插入图片描述
解决后的效果图
请添加图片描述
缺点,由于AbstractCompseView中的onMearure、onLayout被声明为final。自定义的子类无法重写,导致该方案需要手动传入对话框的宽高给window。
在这里插入图片描述
方案二,部分源码介绍(已用在项目中,不便透露全部,提供思路和关键代码)。
原理:
1:通过在组合中拿到当前val view = LocalView.current。
2:通过第一步拿到的view,找到当前Window的ContentView
在这里插入图片描述
3:new一个ComposeView,并将该ComposeView添加到当前Activity的ContentView中
在这里插入图片描述
4:开始编写蒙版,内容,模拟对话框
在这里插入图片描述
效果和方案一一样,这里就不展示了。
最后:
如果大家有好的解决方案,请留言,谢谢~~(要全部源码的,没有哈,思路和关键代码均在博文中)

  • 8
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值