HarmonyOS鸿蒙Next中关于TextInput的讨论

HarmonyOS鸿蒙Next中关于TextInput的讨论 【设备信息】Mate60

【API版本】Api13

【DevEco Studio版本】5.0.7.200

【问题描述】

TextInput是否支持在页面滑动的时候收起软键盘这个功能呢。

比如这样的场景,我在Scroll组件中添加了一个TextInput。我希望在滚动页面的时候收起软键盘,目前是否可以支持该特性呢,有人知道吗?

3 回复

可以试下通过在onScrollFrameBegin事件中调用stopEditing退出编辑态,实现滚动时收起软键盘,具体使用可以参考文档:

https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-basic-components-textinput-0000001862607429#ZH-CN_TOPIC_0000001862607429__stopediting10

如:

@Entry
@Component
struct ScrollDemo {
  @State text: string = 'TextInput'
  scroller: Scroller = new Scroller()
  controller: TextInputController = new TextInputController()
  arr: number[] = [];
  aboutToAppear(): void {
    for (let index = 0; index < 20; index++) {
      this.arr[index] = index;
    }
  }
  build() {
    Column() {
      Scroll(this.scroller) {
        Column() {
          TextInput({ controller: this.controller, text: this.text })
            .width('95%')
            .height(50)
            .margin({ top: 100 })
          List() {
            ForEach(this.arr, (item: number, index: number) => {
              ListItem() {
                Text('Text' + item)
                  .fontSize('25fp')
                  .margin({
                    top: '10vp',
                    bottom: '10vp'
                  })
              }
            })
          }
        }
      }
      .onScrollFrameBegin((offset: number, state: ScrollState) => {
        this.controller.stopEditing()
        return { offsetRemain: offset }
      })
    }.height('100%')
  }
}

更多关于HarmonyOS鸿蒙Next中关于TextInput的讨论的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中,TextInput是一个用于接收用户文本输入的组件。它支持多种输入类型,如文本、数字、密码等,并且可以通过属性设置来定制输入行为。TextInput组件的主要属性包括placeholder(占位符文本)、maxLength(最大输入长度)、type(输入类型)等。开发者可以通过监听onChange事件来获取用户输入的内容,并进行相应的处理。此外,TextInput还支持多行输入和自动聚焦等功能,以满足不同场景下的需求。

在HarmonyOS鸿蒙Next中,TextInput组件是用于接收用户文本输入的核心UI控件。它支持多种输入类型,如文本、密码、数字等,且具备丰富的定制化选项,如占位符、输入限制、键盘类型等。开发者可以通过监听onChange事件实时获取输入内容,并通过onSubmit处理提交动作。此外,TextInput还支持多行输入、自动聚焦等功能,适用于表单、搜索框等场景。其设计理念强调简洁高效,确保在不同设备上提供一致的用户体验。

回到顶部
AI 助手
你好,我是IT营的 AI 助手
您可以尝试点击下方的快捷入口开启体验!