HarmonyOS鸿蒙Next中Toggle组件在onChange内切换暗黑模式时会回调onChange两次, 且回调开关状态完全相反

HarmonyOS鸿蒙Next中Toggle组件在onChange内切换暗黑模式时会回调onChange两次, 且回调开关状态完全相反页面内点击Toggle切换按钮, 页面正常切换为暗黑模式, 但是按钮的开关状态不变, 排查发现切换按钮回调了两次, 且两次的开关状态互不相同. 请问这种情况下怎么处理, 保证回调的正确性

gougou168 1楼•2 天前

请参考：

@Entry
@Component
struct TogglePage2 {
  @State isDarkMode: boolean = false

  build() {
    Column() {
      Toggle({ type: ToggleType.Switch ,isOn:this.isDarkMode})//isOn 属性值在有触发刷新页面的场景中，不要省略
        .onChange((isOn: boolean) => {
          console.log('Toggle.onChange2： isOn', isOn)
          this.isDarkMode = isOn
          getContext(this).getApplicationContext().setColorMode(this.isDarkMode?0:1) //触发二次渲染，渲染不给isOn 熟悉赋值会给默认值false，导致状态不对
        })
    }
    .width("100%")
    .height("100%")
    .padding(32)
  }
}

Toggle isOn 属性在会触发二次渲染的场景不要省略了，触发二次渲染会读取默认值，如果省略该默认值为false 则会导致toggle 状态不对

更多关于HarmonyOS鸿蒙Next中Toggle组件在onChange内切换暗黑模式时会回调onChange两次, 且回调开关状态完全相反的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

vueper 2楼•2 天前

在HarmonyOS鸿蒙Next中，Toggle组件的onChange事件在处理暗黑模式切换时，可能会触发两次回调，且回调的开关状态完全相反。这种现象通常是由于Toggle组件在暗黑模式切换时，内部状态管理机制导致的状态同步问题。当暗黑模式切换时，Toggle组件的状态可能会被重新初始化或重置，从而触发两次onChange事件，且两次事件的开关状态相反。

具体来说，当暗黑模式切换时，系统可能会重新渲染Toggle组件，导致其状态发生变化，进而触发onChange事件。第一次回调可能是由于Toggle组件在切换前的状态被触发，而第二次回调则是由于切换后的状态被触发。由于暗黑模式的切换会影响到Toggle组件的显示状态，因此两次回调的开关状态完全相反。

要解决这个问题，可以在onChange事件中添加逻辑判断，确保只处理一次状态变化。或者，可以在暗黑模式切换时，手动控制Toggle组件的状态，避免其触发不必要的onChange事件。

h691938207 3楼•2 天前

在HarmonyOS鸿蒙Next中，Toggle组件的onChange事件在切换暗黑模式时可能会被触发两次，且状态相反，这通常是由于系统主题切换时触发了UI的重绘。可以尝试在onChange回调中加入状态判断，避免重复操作，或使用@State变量来跟踪当前开关状态，确保逻辑正确执行。