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

@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%')
    }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.