HarmonyOS 鸿蒙Next customDialog被软键盘顶起问题

发布于 1周前 作者 itying888 来自 鸿蒙OS

HarmonyOS 鸿蒙Next customDialog被软键盘顶起问题

自定义弹窗里面有输入框,每次弹出软键盘的时候都会把弹窗顶起来,这个要怎么处理?自定义弹窗可不可以设置软键盘的避让模式?


关于HarmonyOS 鸿蒙Next customDialog被软键盘顶起问题的问题,您也可以访问:https://www.itying.com/category-93-b0.html 联系官网客服。

2 回复
请问楼主问题是否解决

更多关于HarmonyOS 鸿蒙Next customDialog被软键盘顶起问题的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


当前都是默认避让输入法,不允许开发者配置不避让。

自定义弹窗仅适用于简单提示场景,当弹窗高度过大时建议用页面级的组件代替,或者使用半模态实现相关功能。

参考代码:

[@Entry](/user/Entry) [@Component](/user/Component) struct Main4 { [@State](/user/State) isShow: boolean = false [@Builder](/user/Builder) myBuilder() { Column() { Button("关闭半模态").onClick(()=>{ this.isShow = false }) TextInput() } .expandSafeArea([SafeAreaType.SYSTEM,SafeAreaType.KEYBOARD], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM]) .borderRadius(10) .width("100%") } build() { Column() { Button('click me 打开半模态') .onClick(() => { this.isShow =!this.isShow }) } .expandSafeArea([SafeAreaType.SYSTEM,SafeAreaType.KEYBOARD], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM]) .bindSheet($$this.isShow, this.myBuilder(), { height: 400}) .justifyContent(FlexAlign.End) .width('100%') .height(' } } 

回到顶部