ToB企服应用市场:ToB评测及商务社交产业平台

标题: DevEco Studio 创建TextInput输入框，获取输入内容 [打印本页]

---

作者: 熊熊出没    时间: 2024-10-20 20:11
标题: DevEco Studio 创建TextInput输入框，获取输入内容
每条一个Deveco Studio Next 小技巧，话不多说，马上开始~
   先新建一个空项目。
     打开Index.ets，一般默认已经打开。
  

   

1. @Entry
2. @Component
3. struct Index {
4.   @State text: string = ''
5.   build() {
6.     RelativeContainer() {
7.       TextInput({placeholder: "我是TextInput~"}) // placeholder 设置提示语
8.         .fontSize(25) // 字体大小 25
9.         .margin({left: 25, right: 25, top: 30}) // 左缩进 25，右缩进 25，上缩进 30
10.         .onChange((value: string) => {
11.           this.text = value;
12.         })
13.       Text('你输入了: ' + this.text)
14.         .margin({left: 25, top: 100})
15.     }
16.     .height('100%')
17.     .width('100%')
18.   }
19. }

复制代码

         Deveco Studio TextInput 效果
   
    更多问题去华为官方博客看~
  

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4