Harmony TextInput实现带有提示语的Text效果

admin2024-09-06  31

在鸿蒙开发中Text组件没有设置提示语的属性,TextInput输入框是有的,那么要想实现提示语属性就需要用TextInput来实现效果。

1、调整圆角

TextInput输入框的默认效果是带有圆角效果的,需要通过属性设置来根据需要进行调节

 TextInput().borderRadius(5)
2、禁用编辑功能

在TextInput中禁用编辑功能不能使用enable属性,需要使用focusable属性

TextInput().focusable(false)

完成示例

 TextInput({placeholder:"请选择"})
          .layoutWeight(1)
          .height(40)
          .fontSize(12)
          .padding(1)  //设置padding取消默认padding值
          .borderRadius(1)
          .textAlign(TextAlign.Center)
          .focusable(false)
          .onClick(() => {
            ToastUtil.showToast("点击")
          })
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明原文出处。如若内容造成侵权/违法违规/事实不符,请联系SD编程学习网:675289112@qq.com进行投诉反馈,一经查实,立即删除!