ArkUI组件--TextInput组件（文本输入）

喝鸡汤

已于 2023-12-04 19:45:57 修改

阅读量1.1k

点赞数

分类专栏： HarmonyOs开发文章标签： harmonyos

于 2023-12-04 15:56:11 首次发布

本文链接：https://blog.youkuaiyun.com/qq_53312564/article/details/134783112

版权

HarmonyOs开发专栏收录该内容

4 篇文章

订阅专栏

本文介绍了TextInput组件的使用方法，包括placeholder和text属性的设置，以及如何添加宽度、高度、背景色和设置密码输入类型。同时讲解了onChange事件的用法，并涉及字符串与数据类型的转换技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.声明TextInput组件：

TextInput({placeholder?:RecourceStr,text?:RecourceStr})
#?表示可选项

①placeholder：输入框无输入时的提示文本（默认显示文本，浅色，直接输入即可）

②text：输入框当前的文本内容（也是默认显示文本，深色，如有需要可以修改）

2.添加属性和时间：

TextInput({text:"当前输入文本"})
    .width(150)        #宽
    .height(30)        #高
    .backgroundColor('#FFF')    #背景色
    .type(InputType.Password)    #输入框类型，以密码形式显示  特有属性#InputType类型可改
    .onChange((value) =>{
        #value是用户输入的文本内容，{}写定义的事件
})

InputType可选项及应用场景

注：

使用到两种数据类型的转换

字符串转数据类型
parseInt(var)
数据类型转字符串
var.toFixed(0)    #其中0表示只保留整数部分
var.toString()