HarmonyOS鸿蒙Next中使用promptAction.openCustomDialog创建编辑弹窗，并设置expandSafeArea，发现弹窗依旧被顶上去

HarmonyOS鸿蒙Next中使用promptAction.openCustomDialog创建编辑弹窗，并设置expandSafeArea，发现弹窗依旧被顶上去 我有一个半屏弹窗，通过promptAction.openCustomDialog创建的，在这个弹窗中的底部view是InputText，输入法弹出框会把我的dialog顶上去，设置了expandSafeArea也无效，请问这个要怎么处理呢？

3 回复

通过promptAction.openCustomDialog创建的弹窗，在这个弹窗中的底部view是输入框，输入法弹出框会把dialog顶上去，即使设置expandSafeArea也无效。

因此可以通过pormptAction.openCustomDialog的第二个入参options配置KeyboardAvoidMode属性设置软键盘弹出时的避让模式。

请参考：https://docs.openharmony.cn/pages/v5.1/zh-cn/application-dev/reference/apis-arkui/js-apis-arkui-UIContext.md#opencustomdialog12

KeyboardAvoidMode默认为KeyboardAvoidMode.DEFAULT，会避让软键盘。

鉴于此，可以将其设置为KeyboardAvoidMode.NONE，不避让软键盘，然后调整布局。

更多关于HarmonyOS鸿蒙Next中使用promptAction.openCustomDialog创建编辑弹窗，并设置expandSafeArea，发现弹窗依旧被顶上去的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中，使用promptAction.openCustomDialog创建编辑弹窗时，即使设置了expandSafeArea，弹窗仍可能被顶上去。这通常是由于系统默认的软键盘行为导致的，软键盘弹出时会自动调整布局，可能影响弹窗位置。可以通过检查布局层级或调整弹窗的布局参数来避免此问题。

在HarmonyOS Next中处理输入法顶起弹窗的问题，可以通过以下方式解决：

  1. 确保正确设置了expandSafeArea属性：
promptAction.openCustomDialog({
  expandSafeArea: true,  // 必须设置为true
  // 其他参数...
});
  1. 检查弹窗布局方式，建议：
  • 使用Flex布局管理内容区域
  • 为输入框区域设置固定高度或最小高度
  • 添加可滚动区域
  1. 可以尝试在输入框获得焦点时手动调整布局：
// 监听输入框焦点事件
inputComponent.onFocus(() => {
  // 可能需要调整布局或滚动位置
});
  1. 检查是否使用了正确的安全区域避开方式，可以尝试：
@Styles function customDialogStyle() {
  .padding({ bottom: $r('app.float.keyboard_height') })  // 预留键盘高度
}

如果问题仍然存在，建议检查弹窗的布局结构和样式，确保没有其他因素影响了布局行为。

回到顶部