组件封装导出给h5前端页面调用？

Question

原生需要提供一个键盘组件，给前端进行调用，所有的页面交互、功能逻辑均封装在原生的键盘中，前端只需要调用键盘的开启、关闭方法即可进行处理。原生所提供的这个键盘组件怎么进行封装以及事件、方法的暴露呢？

Answer 1

解决方案

前端调用ArkTS使用jsbridge 就行 h5与ArkTS信息交互文档如下https://developer.huawei.com/consumer/cn/doc/harmonyos-faqs/faqs-arkweb-kit-0000001816292321

按照文档 可以发送信息给ArkTS侧进行开启和关闭

1、键盘组件封装事件、方法可使用自定义键盘组件，参考文档示例代码：https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-basic-components-textinput-0000001774121266\#ZH-CN\_TOPIC\_0000001774121266\_\_示例3

2、键盘在页面底部，目前采用的是绝对定位的形式把键盘固定在了底部，现在要在点击键盘以外的区域关闭键盘。（键盘以外的区域是前端页面）。关闭键盘可以使用TextInputController.stopEditing方法控制键盘关闭。参考文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-basic-components-textinput-0000001774121266\#ZH-CN\_TOPIC\_0000001774121266\_\_stopediting10

3、带页面的组件怎么封装成可以在非页面的方法中调用，类似于弹框，调用组件内部封装好的open方法就能唤起弹框，而不需要在build中引入组件，能不能给一个例子作为参考呢？

这个问题可以使用全局弹窗实现，参考文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-promptaction-0000001821000749\#ZH-CN\_TOPIC\_0000001821000749\_\_promptactionopencustomdialog11

问题1、原生需要提供一个键盘组件，给前端进行调用？回答：如果需要的是H5自定义键盘，建议伙伴自行编写，不提供，不属于应用范畴。目前只提供自定义键盘和系统键盘。

问题2、键盘在页面底部，目前采用的是绝对定位的形式把键盘固定在了底部，现在要在点击键盘以外的区域关闭键盘。（键盘以外的区域是前端页面）？

回答：系统键盘正常情况下点击键盘意外的区域能正常关闭键盘。目前认为伙伴使用的是自定义键盘，麻烦确认一下代码逻辑是否有问题。

问题3、带页面的组件怎么封装成可以在非页面的方法中调用呢？

回答：组件仅仅多个页面而已，按照正常在方法中调用组件的方法调用带页面的组件。