【ets】switch开关打开后会自动关闭

想通过switch实现内容显示、隐藏,使用的是Toggle组件,通过给下方红色Column添加visibility属性实现显隐;

当打开开关时,内容显示后开关自动变为关闭状态,请教大佬这种情况应该如何解决?

【ets】switch开关打开后会自动关闭-鸿蒙开发者社区

@Entry
@Component
struct TimePickerExample {
  @State showSelectedTime: Visibility = Visibility.None

  build() {
    Column() {

      Column() {
        Flex({ justifyContent: FlexAlign.SpaceBetween, alignItems: ItemAlign.Center }) {
          Text("时间:").fontSize(15)
          Toggle({ type: ToggleType.Switch })
            .selectedColor(0xed6f21)
            .switchPointColor(0xe5ffffff)
            .padding(8)
            .onChange((isOn: boolean) => {
              console.log(isOn + "")
              if (isOn == true) {
                this.showSelectedTime = Visibility.Visible
              } else {
                this.showSelectedTime = Visibility.None
              }
            })
        }
        .padding({ left: 15, right: 10 })
        .width("100%")
        .backgroundColor($r('app.color.back_ground_gery'))
        .borderRadius(15)

      }
      .padding(10)

      // 时间选择器:
      Column() {
         Text("内容").fontSize(30)
      }.visibility(this.showSelectedTime)
      .padding(10)
      .backgroundColor("red")
      .width("100%")
      .height(200)

    }
  }
}

 

鸿蒙
switch
开关
2022-09-14 15:23:23
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Florenc
2

设置一个变量作为开关标记

@State  flag:boolean=false   //开关标记,默认关

并设置flag为Toggle开关的标记

修改代码:

Toggle({ type: ToggleType.Switch ,isOn:this.flag})
  .selectedColor(0xed6f21)
  .switchPointColor(0xe5ffffff)
  .padding(8)
  .onChange((isOn: boolean) => {
    console.log(isOn + "")
    if (isOn == true) {
      this.showSelectedTime = Visibility.Visible
      this.flag=!this.flag
    } else {
      this.showSelectedTime = Visibility.None
      this.flag=!this.flag
    }
  })
已于2022-9-14 17:39:34修改
分享
微博
QQ
微信
回复
2022-09-14 17:38:58
相关问题
HarmonyOS 打开系统的位置开关
149浏览 • 1回复 待解决
鸿蒙系统怎么打开定位开关页面
10298浏览 • 1回复 待解决
HarmonyOS 如何引导用户打开GPS开关
276浏览 • 1回复 待解决
api 10或者11怎么打开wifi开关
786浏览 • 0回复 待解决
ets开发关闭窗口组件问题
3216浏览 • 1回复 待解决
如何打开键鼠穿越功能开关
2361浏览 • 1回复 待解决
OpenHarmony4.1怎么关闭自动息屏
345浏览 • 0回复 待解决
弹窗打开关闭动画是否支持自定义
2214浏览 • 1回复 待解决
HarmonyOS如何控制打开关闭手电筒
351浏览 • 1回复 待解决
如何关闭编辑器自动格式化?
701浏览 • 1回复 待解决