#鸿蒙通关秘籍#TextInput组件如何根据输入内容改变组件本身的长度?

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
网络小天才
@Entry
@Component
struct ImagePreview {
    @State inputText: string = '';
    @State inputWidth: number = 400;
    controller: TextInputController = new TextInputController()
    build() {
        Row() {
            Column() {
                TextInput({placeholder:'请输入文本',text:`$$this.inputText`,controller:this.controller})
                .width(this.inputWidth+'px')
                .onChange(()=>{
                    if(this.controller.getTextContentRect().width>200){
                        this.inputWidth = this.controller.getTextContentRect().width+150
                    }
                    else{
                        this.inputWidth = 400
                    }
                })
            }
        }
        .width('100%')
        .height('100%')
    }
}
分享
微博
QQ
微信
回复
1天前
相关问题
如何监听输入输入内容变化?
365浏览 • 1回复 待解决
如何过滤textinput组件内容
390浏览 • 1回复 待解决
如何根据组件内容大小修改浮动窗口
1780浏览 • 1回复 待解决
TextInput组件输入状态下隐藏光标
1276浏览 • 1回复 待解决