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

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

先新建一个空项目。

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

@Entry@Componentstruct 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 效果

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