DevEco Studio 创建TextInput输入框，获取输入内容

每条一个Deveco Studio Next 小技巧，话不多说，马上开始~

先新建一个空项目。

打开Index.ets，一般默认已经打开。

@Entry
@Component
struct Index {
  @State text: string = ''
  build() {
    RelativeContainer() {
      TextInput({placeholder: "我是TextInput~"}) // placeholder 设置提示语
        .fontSize(25) // 字体大小 25
        .margin({left: 25, right: 25, top: 30}) // 左缩进 25，右缩进 25，上缩进 30
        .onChange((value: string) => {
          this.text = value;
        })
      Text('你输入了: ' + this.text)
        .margin({left: 25, top: 100})
    }
    .height('100%')
    .width('100%')
  }
}

Deveco Studio TextInput 效果

更多问题去华为官方博客看~