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
相关问题
webview拦截返回按钮
329浏览 • 1回复 待解决
删除按钮在哪里???
5508浏览 • 2回复 待解决
TextInput组件获取焦点的几种场景
905浏览 • 1回复 待解决
如何给按钮添加图片?
1851浏览 • 3回复 待解决
按钮内子控件如何动态更新
399浏览 • 1回复 待解决
如何实现按钮的点击效果?
25浏览 • 2回复 待解决
点击拒接按钮后无法再次来电
866浏览 • 1回复 待解决
音乐播放悬浮按钮该如何布局?
371浏览 • 1回复 待解决
修改分段按钮样式为圆角矩形
418浏览 • 1回复 待解决
ArkTS获取组件位置和大小的接口
1798浏览 • 1回复 待解决
JS 获取控件位置并动态赋值的问题
2574浏览 • 1回复 待解决
PDF预览如何隐藏PDF操作按钮
529浏览 • 1回复 待解决
如何获取组件宽高和在屏幕上的位置
1294浏览 • 1回复 待解决
如何让最大化按钮不可用
767浏览 • 1回复 待解决
请问一下tab按钮组切换效果
431浏览 • 1回复 待解决
鸿蒙jsUi如何制作按钮按下动效
7330浏览 • 3回复 待解决