文档管理中心
我的
|

ArkUI (方舟UI框架)

UI

HarmonyOS 5

HarmonyOS TextInput控件showUnderline与Type方法冲突 (API12+)

HarmonyOS TextInput控件showUnderline与Type方法冲突 (API12+)

点赞
收藏
回复
1
分享
举报
浏览27 发布于2026-04-02 11:25未知归属地
全部评论
最多点赞
最新发布
最早发布

TextInput组件的密码输入模式不支持下划线样式,所以不生效,showUnderline只支持InputType.Normal类型。结合outline可以实现下划线效果,示例代码如下:

收起
自动换行
深色代码主题
复制
@Entry
@Component
struct Index {
  build() {
    Row() {
      Column() {
        TextInput({ placeholder: 'input your password...' })
          .width('95%')
          .height(40)
          .margin(20)
          .type(InputType.Password)
          .maxLength(9)
          .showPasswordIcon(true)
          .backgroundColor('#00000000')
          .outline({
            width: { bottom: 1 },
            color: Color.Black,
          })
      }
      .width('100%')
    }
    .height('100%')
  }
}
1楼回复于2026-04-02 11:25 未知归属地
写回答
新增插入模板功能
一键使用模板,快速填写内容,轻松发帖~
知道了
  • 为了保障您的信息安全,请勿上传您的敏感个人信息(如您的密码等信息)和您的敏感资产信息(如关键源代码、签名私钥、调试安装包、业务日志等信息),且您需自行承担由此产生的信息泄露等安全风险。
  • 如您发布的内容为转载内容,请注明内容来源。

我要提问题

了解社区公约,与您携手共创和谐专业的开发者社区。