中国优质的IT技术网站
专业IT技术创作平台
IT职业在线教育平台
全局事件,基本收回键盘的操作都会用到。
微信扫码分享
@Entry @Component struct TextInputExample { controller: TextInputController = new TextInputController() @State inputValue: string = "" // 自定义键盘组件 @Builder CustomKeyboardBuilder() { Column() { Button('x').onClick(() => { // 关闭自定义键盘 this.controller.stopEditing() }) Grid() { ForEach([1, 2, 3, 4, 5, 6, 7, 8, 9, '*', 0, '#'], (item: number | string) => { GridItem() { Button(item + "") .width(110).onClick(() => { this.inputValue += item }) } }) }.maxCount(3).columnsGap(10).rowsGap(10).padding(5) }.backgroundColor(Color.Gray) } build() { Column() { Text('1221213213') .height('20%') .backgroundColor(Color.Green) TextArea() .height('20%') .backgroundColor(Color.Orange) TextInput({ controller: this.controller, text: this.inputValue })// 绑定自定义键盘 .customKeyboard(this.CustomKeyboardBuilder()).margin(10).border({ width: 1 }).height('48vp') Column() .width('100%') .height('70%') .backgroundColor(Color.Grey) }.height('100%') .width('100%') .onClick(() => { this.controller.stopEditing() }) .backgroundColor(Color.Pink) } }