RichEditor默认点击弹出键盘,通过设置focusable为false可以点击不弹键盘但是gesture设置OnClick事件失效了

RichEditor默认点击会弹出键盘,目前通过设置focusable为false可以点击不弹键盘但是gesture设置OnClick事件也失效了。有没有RichEditor点击不弹出键盘,且gesture的OnClick可以生效的方式。

HarmonyOS
2024-09-27 13:36:45
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

当前RichEditor不支持只让组件焦点保留,而不拉起键盘,可以通过设置自定义的空键盘实现类似效果。

@Entry  
@Component  
struct Index {  
  @State message: string = 'Hello World';  
  controller: RichEditorController = new RichEditorController();  
  options: RichEditorOptions = {controller: this.controller};  
  build() {  
    RelativeContainer() {  
      RichEditor(this.options).onReady(()=>{  
        this.controller.addTextSpan(this.message,{  
          style:{  
            fontSize:'40fp'  
          },  
          gesture: {  
            onClick: (event)=>{  
              console.log("Test RichEditor")  
            }  
          }  
        })  
        this.controller.addImageSpan($r('app.media.app_icon'),{  
          imageStyle:{  
           size: ['16vp','16vp'],  
            verticalAlign: ImageSpanAlignment.TOP  
          }  
        })  
        this.controller.addImageSpan($r('app.media.app_icon'),{  
          imageStyle:{  
            size: ['16vp','16vp'],  
            verticalAlign: ImageSpanAlignment.CENTER  
          },  
          gesture: {  
            onClick: (event)=>{  
              console.log("Test RichEditor")  
            }  
          }  
        })  
        this.controller.addImageSpan($r('app.media.app_icon'),{  
          imageStyle:{  
            size: ['16vp','16vp'],  
            verticalAlign: ImageSpanAlignment.BOTTOM  
          }  
        })  
        this.controller.addImageSpan($r('app.media.app_icon'),{  
          imageStyle:{  
            size: ['16vp','16vp'],  
            verticalAlign: ImageSpanAlignment.BASELINE  
          }  
        })  
      }).customKeyboard(this.MyBuilderFunction()) // 通过自定义空键盘实现键盘不弹出的效果  
    }  
    .height('100%')  
    .width('100%')  
  }  
  @Builder  
  MyBuilderFunction(){  
     Column()  
  }  
}
分享
微博
QQ
微信
回复
2024-09-27 17:29:05
相关问题
控件enabled设置false时,hover失效
2259浏览 • 1回复 待解决
设置键盘弹出内容上移
467浏览 • 1回复 待解决
服务卡片java如何设置点击事件
9567浏览 • 1回复 待解决
Web组件的onKeyEvent键盘事件生效
2025浏览 • 1回复 待解决