HarmonyOS Toggle组件如何通过事件控制开关状态

Toggle组件无法通过options中的isOn属性控制开关状态。如下:

@State toggleStatus: boolean = true
Toggle({ type: ToggleType.Switch, isOn: this.toggleStatus })
  .onClick(() => {
    setTimeout(() => {
      this.toggleStatus = true
    }, 2000);
  })

当点击Toggle组件后按钮状态为关闭,延时2秒后,Toggle组件isOn属性为true,整个流程按钮状态为开-关-开。

HarmonyOS
20h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
fox280

可以用组件盖在上面来实现:

@Entry
@Component
struct ToggleExample {
  @State is_on:boolean = false;
  build() {
    Column() {
      Row() {
        Text("Bluetooth Mode")
          .height(50)
          .fontSize(16)
      }
      Row() {
        Text("Bluetooth")
          .height(50)
          .padding({left: 10})
          .fontSize(16)
          .textAlign(TextAlign.Start)
          .backgroundColor(0xFFFFFF)
        Stack(){
          Toggle({ type: ToggleType.Switch ,isOn:this.is_on})
            .margin({left: 200, right: 10})
          Column(){
          }.width(60)
          .height(50)
          .margin({left: 200, right: 10})
          .onClick(()=>{
            setTimeout(()=>{
              this.is_on = !this.is_on
            },1000)
          })
        }
      }
      .backgroundColor(0xFFFFFF)
    }
    .padding(10)
    .backgroundColor(0xDCDCDC)
    .width('100%')
    .height('100%')
  }
}
分享
微博
QQ
微信
回复
18h前
相关问题
HarmonyOS Toggle开关状态控制
26浏览 • 1回复 待解决
HarmonyOS 如何单独控制闪光灯开关
27浏览 • 1回复 待解决
HarmonyOS 如何获取手机GPS开关状态
35浏览 • 1回复 待解决
HarmonyOS Toggle是否有异步控制功能
29浏览 • 1回复 待解决
HarmonyOS 如何控制状态
32浏览 • 1回复 待解决
HarmonyOS RichEditor如何控制输入状态
57浏览 • 1回复 待解决
是否有闪光灯开关控制能力?
1746浏览 • 1回复 待解决
HarmonyOS Toggle组件怎么拦截?
422浏览 • 1回复 待解决
HarmonyOS 事件独占控制问题
363浏览 • 1回复 待解决