success通过
success通过
  • 发布:2024-12-17 15:01
  • 更新:2024-12-26 12:03
  • 阅读:180

在鸿蒙手机,使用 uni-popup 弹框里面包含input并获取焦点,弹出的键盘会上顶页面,,怎么解决呢?

分类:鸿蒙Next

window版本:window 11
HBuilderx 版本:4.36
鸿蒙手机:mete 60
HarmonyOs版本:5.0.0

我使用window 电脑用 use 连接手机,通过 Hbuilder 运行到鸿蒙,在鸿蒙手机中,点击按钮,显示了一个 popup 弹框,在弹框中显示 input,并且设置了 focus,然后弹出的键盘挤占了页面空间。 收起键盘后,空间依然被有释放。

代码:

<uni-popup ref="popupRef" type="center" :mask-click="false">  
        <view class="popup-wrap">  
            <view class="popup-header">  
                <!-- 评论 -->  
                <text>{{ $t('workflow.comment') }}</text>  
            </view>  
            <view class="input-wrap">  
                <uni-easyinput v-model="comment" focus placeholder="请输入内容"></uni-easyinput>  
            </view>  
            <view class="popup-footer"> </view>  
        </view>  
    </uni-popup>  

const comment = ref('');  
const popupRef = ref();  

const showPopup = () => {  
    popupRef.value.open();  
    comment.value = '';  
}

页面效果如图所示:1. 键盘挤占了页面空间;2. 隐藏键盘后,页面空间依然被占用,下方显示空白。

2024-12-17 15:01 负责人:无 分享
已邀请:
DCloud_UNI_yuhe

DCloud_UNI_yuhe

已知问题,请等待后续修复

  • l***@3975.com

    大佬预计什么时候出新的修复版本

    2024-12-20 09:07

l***@3975.com

l***@3975.com

请问是怎么解决的呢更换低版本可以兼容这个问题吗具体是什么版本,还是等修复?楼主告知一下

DCloud_UNI_yuhe

DCloud_UNI_yuhe

4.43 alpha 修复了这个问题

  • 艾斯彼蒂dc

    你好,我hbulder升级到4.45,通过产出鸿蒙wgt集成到原生app上,还是会出现这个问题,请问是说hbulder的版本为4.43 alpha就可以解决是吗?

    2025-02-20 15:40

  • DCloud_UNI_yuhe

    回复 艾斯彼蒂dc: 可以检查一下版本依赖是否是最新的

    2025-02-20 15:51

要回复问题请先登录注册