【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
相关问题
鸿蒙系统怎么打开定位开关页面
8097浏览 • 1回复 待解决
如何打开键鼠穿越功能开关
173浏览 • 1回复 待解决
ets开发关闭窗口组件问题
1484浏览 • 1回复 待解决
弹窗打开关闭动画是否支持自定义
104浏览 • 1回复 待解决
鸿蒙以后会出Python的开发模板吗?
5447浏览 • 2回复 待解决
这个在哪里关闭取消,能不能关闭
4831浏览 • 1回复 待解决
Image长按拖动如何关闭
71浏览 • 1回复 待解决
windows taskkill强制关闭nginx
3219浏览 • 0回复 待解决
仓颉正式发布后会支持HMSCore吗?
2622浏览 • 1回复 待解决
页面关闭时如何传递数据
74浏览 • 1回复 待解决
TransitionEffect动画循环播放如何关闭
89浏览 • 1回复 待解决
强制关闭Seqscan有什么坏处?
1404浏览 • 2回复 待解决
docker mysql容器一启动就关闭
811浏览 • 1回复 待解决
怎样能把快应用完全关闭
5422浏览 • 1回复 待解决
ETSets没有input,如何实现输入?
6537浏览 • 2回复 待解决
谁有办法关闭电池使用时间
3984浏览 • 1回复 待解决
打开应用时打开同一进程
683浏览 • 1回复 待解决