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

applelin2012

已于 2024-08-14 09:29:23 修改

阅读量804

点赞数 15

文章标签：前端数据库 linux

于 2024-07-31 16:18:39 首次发布

本文链接：https://blog.csdn.net/applelin2012/article/details/140821703

版权

每条一个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%')
  }
}