HarmonyOS 手动的控制密码文本内容的显示和隐藏？

Question

密码输入框自带了一个点击右侧小图标控制密码显示和隐藏的功能，现在我想如果登录页跳转修改密码页，然后返回的时候，希望显示的密码自动变成隐藏的模式

Answer 1

示例参考：

//Index.ets
import { router } from '@kit.ArkUI'

@Entry
@Component
struct Index {
  @State message:string=''
  @State isShow: boolean = false
  onPageShow(): void {
    this.isShow=true
  }

  onPageHide(): void {
    this.isShow=false
  }

  build() {
    Column() {
      if (this.isShow){
        TextInput({ text:this.message })
          .width('95%')
          .height(40)
          .margin(20)
          .type(InputType.Password)
          .onChange((value)=>this.message=value)
          .maxLength(9)
        // .defaultFocus(true)
        // .showPasswordIcon(true)
      }
      Button('按钮').onClick(() => {
        router.pushUrl({
          url: "pages/demo"
        })
      })
    }.width('100%')
  }
}
//demo.ets
import { router } from '@kit.ArkUI';

@Entry
@Component
struct Demo {
  @State message: string = 'Hello World';

  build() {
    RelativeContainer() {
      Column(){
        Button('按钮').onClick(() => {
          router.back({
            url: "pages/Index"
          })
        })
      }
    }

    .height('100%')
    .width('100%')
  }
}