HarmonyOS 键盘关闭问题

一个flutter页面或是webview页面打开弹起的键盘,手势返回时,如何关闭键盘

HarmonyOS
3天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

使用示例2的demo。把// PageTwo.ets换成下面的,您试一下。

跳转到PageTwo页面后 点击 keyboardHeightChange 开启监听软键盘高度

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-navigation-V5#示例2

// PageTwo.ets
import web_webview from '@ohos.web.webview';
import { inputMethod } from '@kit.IMEKit';
import { BusinessError } from '@kit.BasicServicesKit';
import { window } from '@kit.ArkUI';

@Builder
export function PageTwoBuilder(name: string, param: Object) {
  PageTwo()
}

@Component
export struct PageTwo {
  @State keyBoardHeight: number = 0;
  pathStack: NavPathStack = new NavPathStack()
  webviewController: web_webview.WebviewController = new web_webview.WebviewController();
  private menuItems: Array<NavigationMenuItem> = [
    {
      value: "1",
      icon: 'resources/base/media/undo.svg',
    },
    {
      value: "2",
      icon: 'resources/base/media/redo.svg',
      isEnabled: false,
    },
    {
      value: "3",
      icon: 'resources/base/media/ic_public_ok.svg',
      isEnabled: true,
    }
  ]

  aboutToAppear(): void {

  }

  build() {
    NavDestination() {
      Column() {
        // web组件加载本地local1.html页面
        Web({ src: $rawfile('local1.html'), controller: this.webviewController })  .height(50)
        Button('keyboardHeightChange', { stateEffect: true, type: ButtonType.Capsule })
          .width('80%')
          .height(40)
          .margin(20)
          .onClick(() => {
            window.getLastWindow(getContext()).then(lastWindow => {
              lastWindow.on('keyboardHeightChange', (data) => {
                this.keyBoardHeight = data
                console.info('keyBoardHeight: '+ data.toString())
              })
            }).catch((err: BusinessError) => {
              console.error('jjxs:Failed to enable the listener for keyboard height changes. Cause: ' + JSON.stringify(err));
            })
          })
        Button('pushPathByName', { stateEffect: true, type: ButtonType.Capsule })
          .width('80%')
          .height(40)
          .margin(20)
          .onClick(() => {
            this.pathStack.pushPathByName('pageOne', null)
          })
      }.width('100%').height('100%')
    }.title('pageTwo')
    .menus(this.menuItems)
    .onBackPressed(() => {
      if ( this.keyBoardHeight>0) {
        let inputMethodController = inputMethod.getController();
        inputMethodController.hideTextInput()
        return true
      }
      this.pathStack.pop()
      return true
    })
    .onReady((context: NavDestinationContext) => {
      this.pathStack = context.pathStack;
      console.log("current page config info is " + JSON.stringify(context.getConfigInRouteMap()))
    })
  }
}
分享
微博
QQ
微信
回复
3天前
相关问题
HarmonyOS 如何先关闭键盘关闭弹窗
612浏览 • 1回复 待解决
HarmonyOS 如何全局关闭键盘
151浏览 • 1回复 待解决
HarmonyOS键盘如何主动关闭
201浏览 • 1回复 待解决
怎么监听键盘的弹起和关闭事件?
2904浏览 • 1回复 待解决
HarmonyOS 页面关闭问题
117浏览 • 1回复 待解决
HarmonyOS emitter关闭问题
299浏览 • 1回复 待解决
怎么主动关闭键盘,有人知道吗?
542浏览 • 1回复 待解决
HarmonyOS 键盘问题
129浏览 • 1回复 待解决
HarmonyOS 页面栈关闭问题
484浏览 • 1回复 待解决
HarmonyOS 键盘事件监听问题
873浏览 • 1回复 待解决
HarmonyOS 键盘InputType支持问题
226浏览 • 1回复 待解决
HarmonyOS web弹起键盘问题
347浏览 • 1回复 待解决
HarmonyOS键盘问题
28浏览 • 1回复 待解决
HarmonyOS textinput键盘弹出问题
339浏览 • 1回复 待解决