上期《鸿蒙(HarmonyOS)ArkTs版微信APP》聊过鸿蒙对返回键和输入法协调这块支持的缺陷,今天我们来举例并提供异端解决方案

缺陷场景复现

鸿蒙暂未支持优先关闭输入法的机制,用户在触发返回事件(如点击返回键)时输入法会连同当前页面一起被关闭,致使用户的编辑数据直接丢失

修复后

可以看到,第一次点击返回键时只是关闭了输入法,第二次才会关闭当前页面

异端方案

方案分析
  1. 鸿蒙在Component(组件)中支持了onBackPress方法监听触发用户返回事件,官方文档虽未提及如何拦截,但在我的摸索中发现可以直接返回true拦截
  2. 鸿蒙在输入法这块目前只有系统级或白名单应用才能管控输入法键盘,且没有状态(弹出,收起)判断api,这块无法下手
  3. 鸿蒙有键盘高度监听支持
 await window.getLastWindow(getContext(this)).then(currentWindow => {
      currentWindow.on('keyboardHeightChange', (height) => {
      })
    })

所以综合方案如下:

  • 组件启动时注册监听键盘高度
  • 用户触发返回时判断高度决定是否拦截
方案代码
@Component
export default struct XxxPage {
    // 键盘高度变量
    private keyboardHeight: number = 0  
    
    // 组件初始化的生命周期函数
    async aboutToAppear() {
    await window.getLastWindow(getContext(this)).then(currentWindow => {
      currentWindow.on('keyboardHeightChange', (height) => {
        // 实时更新键盘高度
        this.keyboardHeight = height
      })
    })
  }  
  
    onBackPress() {
    // 点击返回键时,判断高度大于0时即表示键盘弹起中,则拦截返回true,否则返回false
    return this.keyboardHeight > 0
  }  
}

OK,大功造成,代码我也会同步到“鸿蒙微信”项目中,关注我及时了解鸿蒙开发一手消息

Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐