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

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

HarmonyOS
2024-11-28 10:17:16
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
shlp

参考代码:

@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%') 
  } 
}
分享
微博
QQ
微信
回复
2024-11-28 15:41:47
相关问题
TextInput按压态背景色如何修改
2498浏览 • 1回复 待解决
HarmonyOS 弹窗自带背景色
10浏览 • 1回复 待解决
HarmonyOS 关于开屏背景色
20浏览 • 1回复 待解决
HarmonyOS 如何设置渐变背景色
938浏览 • 1回复 待解决
如何设置窗口背景色
1912浏览 • 1回复 待解决
如何设置WebView背景色
568浏览 • 1回复 待解决
取消点击textinput背景高亮样式
609浏览 • 1回复 待解决
TextInput怎么输入中文
2985浏览 • 0回复 待解决
Button组件如何设置渐变背景色
2536浏览 • 1回复 待解决
HarmonyOS 自定义Dialog背景色透明问题
952浏览 • 1回复 待解决
TextInput输入行满无法自动换行
406浏览 • 1回复 待解决
AlertDialog没有找到设置背景色API
376浏览 • 1回复 待解决
使用js引擎 设置dom背景色无效
813浏览 • 0回复 待解决
JSUI按钮 toolbar按下背景色怎么去掉
5354浏览 • 1回复 待解决