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

Question

问题描述

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

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

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

Answer 1

解决措施

当前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%')   
 }   
}