学习笔记（十八）：ArkUi-文本输入 (TextInput/TextArea)

概述：

TextInput、TextArea是输入框组件，通常用于响应用户的输入操作。

1、TextInput为单行输入框

TextInput({placeholder:'请输入内容',text:'默认值'})

2、TextArea为多行输入框

TextArea({placeholder:'请输入内容',text:'默认值'})

注意：多行输入框文字超出一行时会自动折行

 

设置输入框类型：

Normal基本输入模式
Password密码输入模式
Email邮箱地址输入模式
Number纯数字输入模式
PhoneNumber电话号码输入模式
USER_NAME用户名输入模式
NEW_PASSWORD新密码输入模式
NUMBER_PASSWORD纯数字密码输入模式
NUMBER_DECIMAL带小数点的数字输入模式

 

自定义样式：

placeholder: 提示文本内容

text: 默认文本内容

backgroundColor: 背景框颜色值

 

添加事件：

TextInput({placeholder:'请输入内容',text:'默认值'})
          .backgroundColor(Color.Red)
          .fontColor(Color.White)
　　　　　　// 文本内容变化回调
          .onChange((content:string)=>{
             console.log('输入的内容为:'+content)
          })
          // 获取焦点回调
          .onFocus(()=>{
             console.log('获取焦点:')
          })
　　　　   // 软键盘点击回车的回调
          .onSubmit((enterKeyType:EnterKeyType)=>{
              console.log("点击了输入法回车键。类型为："+enterKeyType)
          })