TextInput/Search组件右侧功能按钮、按钮位置获取问题

请问是否存在相应方式获取TextInput/Search组件右侧小型按钮位置?若可以获取,请问能提供几个位置?

是否存在TextInput/Search组件等可输入组建的父级组件且该组件开放给开发者实现自定义?

当前业务需求为密码输入要求同时具备右侧showPasswordIcon 和 cancelButton若组件API不支持两个按钮都出现,则需要自定义,是否存在较为方便的自定义方式?

HarmonyOS
2024-01-30 22:07:38
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
temple_zhy

当前TextInput暂不支持同时存在两个按钮,可以通过如下demo实现上述功能

@Entry 
@Component 
struct Page2 { 
  @State textValue: string = '' 
  controller: TextInputController = new TextInputController() 
 
  build() { 
    Column() { 
      Stack({ alignContent: Alignment.End }) { 
        TextInput({ text: this.textValue, placeholder: '请输入验证码', controller: this.controller }) 
          .type(InputType.Password) 
          .onChange((v) => { 
            console.log(this.textValue) 
          }) 
        Image($r('app.media.close')).width(20).height(20).margin({ 
          right: 35 
        }).onClick(() => { 
          this.textValue = '' 
          console.log(this.textValue) 
        }) 
      } 
    } 
    .width('100%') 
    .height('100%') 
  } 
}
分享
微博
QQ
微信
回复
2024-02-01 10:46:53
相关问题
删除按钮在哪里???
4887浏览 • 2回复 待解决
ArkTS获取组件位置和大小的接口
137浏览 • 1回复 待解决
JS 获取控件位置并动态赋值的问题
1825浏览 • 1回复 待解决
如何让最大化按钮不可用
117浏览 • 1回复 待解决
鸿蒙jsUi如何制作按钮按下动效
6558浏览 • 3回复 待解决
鸿蒙软键盘弹出后,页面底部的按钮
2003浏览 • 0回复 待解决
JSUI按钮 toolbar的按下背景色怎么去掉
3282浏览 • 1回复 待解决
鸿蒙如何调整组件位置
5793浏览 • 1回复 待解决
如何获取元素位置和大小
124浏览 • 1回复 待解决