HarmonyOS 2个TextInput控件，当TextInput输入都有值时，改变Text的背景色

@Entry 
@Component 
struct TextInputDemo { 
  @State message: string = 'Hello World'; 
  @State text1: string = '' 
  @State text2: string = '' 
  @State changeColoor : boolean=false 
  controller: TextInputController = new TextInputController() 
 
  build() { 
    Column(){ 
      Text(this.message) 
        .id('HelloWorld') 
        .fontSize(50) 
        .fontWeight(FontWeight.Bold) 
        .alignRules({ 
          center: { anchor: '__container__', align: VerticalAlign.Center }, 
          middle: { anchor: '__container__', align: HorizontalAlign.Center } 
        }) 
        .backgroundColor(this.changeColoor ? Color.Red: '') 
      TextInput({ text: this.text1, placeholder: 'input your word1...', controller: this.controller }) 
        .width('95%') 
        .height(40) 
        .margin(20) 
        .onChange((value: string)=>{ 
          this.text1 = value 
          if(this.text2 && this.text1){ 
            this.changeColoor = true 
          }else{ 
            this.changeColoor = false 
          } 
 
        }) 
      TextInput({ text: this.text2, placeholder: 'input your word2...', controller: this.controller }) 
        .width('95%') 
        .height(40) 
        .margin(20) 
        .onChange((value: string)=>{ 
          this.text2 = value 
          if(this.text1 && this.text2){ 
            this.changeColoor = true 
          }else { 
            this.changeColoor = false 
          } 
        }) 
    } 
    .height('100%') 
    .width('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.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.