HarmonyOS ArkWeb是否支持禁用webview内容监听键盘变化 1

HarmonyOS
2024-12-25 14:15:29
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
FengTianYa

监听软键盘弹出和收起,当软键盘弹出子窗口高度设置为屏幕高度。软键盘收起弹出子窗口高度为屏幕高度,参考示例如下:

import webview from '@ohos.web.webview';
import window from '@ohos.window';

@Entry
@Component
export struct SubWindowPage {
  @State webViewVisibility: Visibility = Visibility.Visible;
  private pageWidth = 320;
  private pageHeight = 500;
  private controller: webview.WebviewController = new webview.WebviewController();
  @State flexAlign: FlexAlign = FlexAlign.Center
  @State screenHeight: number | string = '100%'

  aboutToAppear() {
    window.getLastWindow(getContext(this)).then(currentWindow => {
      // 监视软键盘的弹出和收起
      currentWindow.on('avoidAreaChange', async data => {
        let property = currentWindow.getWindowProperties();
        let avoidArea = currentWindow.getWindowAvoidArea(window.AvoidAreaType.TYPE_KEYBOARD);
        this.screenHeight = px2vp(property.windowRect.height - avoidArea.bottomRect.height);
      });
    })
  }

  build() {
    Stack() {
      Column() {
        Web({ src: $rawfile('index.html'), controller: this.controller })
          .javaScriptAccess(true)
          .fileAccess(false)
          .zoomAccess(false)
          .domStorageAccess(true)
          .onlineImageAccess(true)
          .horizontalScrollBarAccess(false)
          .verticalScrollBarAccess(false)
          .cacheMode(CacheMode.Online)
          .width(this.pageWidth)
          .height(this.pageHeight)
          .border({ radius: 6 })
          .visibility(this.webViewVisibility)
          .backgroundColor(Color.Pink)
      }
      .justifyContent(this.flexAlign)
      .alignItems(HorizontalAlign.Center)
      .width('100%')
      .height('100%')
    }
    .width('100%')
    .height(this.screenHeight)
    .backgroundColor('#999955')
    .alignContent(Alignment.Center)
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
分享
微博
QQ
微信
回复
2024-12-25 17:26:45
相关问题
鸿蒙如何监听键盘高度变化
341浏览 • 1回复 待解决
HarmonyOS 禁用键盘
528浏览 • 1回复 待解决
HarmonyOS ArkWeb是否支持直接打开PDF?
1121浏览 • 1回复 待解决
HarmonyOS ArkWeb组件是否支持深拷贝?
1544浏览 • 2回复 待解决
HarmonyOS 如何监听某个变量是否变化
740浏览 • 1回复 待解决
ArkWeb组件是否支持深拷贝
1573浏览 • 1回复 待解决
HarmonyOS ArkWeb是否支持自定义UserAgent
1220浏览 • 1回复 待解决
UIAbility中是否可以监听页面变化
2163浏览 • 1回复 待解决
HarmonyOS 元服务是否支持Arkweb组件
656浏览 • 1回复 待解决
HarmonyOS webview是否支持CodeCache
675浏览 • 1回复 待解决
HarmonyOS webview是否支持webrtc
723浏览 • 1回复 待解决
如何监听输入法输入内容变化
1294浏览 • 1回复 待解决
webview是否支持CodeCache
1428浏览 • 1回复 待解决
HarmonyOS webview是否支持跨域
885浏览 • 1回复 待解决
HarmonyOS数据库数据变化是否可以监听
1325浏览 • 1回复 待解决
HarmonyOS webview是否支持indexDB存储
1136浏览 • 1回复 待解决
HarmonyOS webview是否支持视频播放
785浏览 • 1回复 待解决
webview是否支持预览pdf
2315浏览 • 1回复 待解决
Webview是否支持定位功能?
1496浏览 • 1回复 待解决
HarmonyOS webview是否支持拼接query参数?
1083浏览 • 1回复 待解决