SwiftUI自定义ToggleStyle搭配@Binding点击无响应问题

自定义ToggleStyle点击无响应，是两个实现层面的问题导致的：

• Image视图默认的点击命中规则仅识别自身不透明像素区域，你设置的frame(width: 44, height: 44)只是布局尺寸，不会自动把透明区域纳入点击响应范围，只要点击位置落在图标透明区域就不会触发手势。
• 直接在视图上绑定onTapGesture的实现方式存在系统手势优先级冲突，部分iOS版本下会被Toggle内置的手势拦截，导致绑定的方法根本不会执行。

移除.toggleStyle后功能正常，是因为系统默认的ToggleStyle内部已经封装好了点击区域扩展、手势优先级处理的逻辑，不需要额外实现。

推荐使用兼容性最好的原生Button封装交互逻辑，完全规避手势冲突问题，修改后的CheckboxStyle代码如下：

private struct CheckboxStyle: ToggleStyle {
  
  let onIcon: Image
  let offIcon: Image
  
  func makeBody(configuration: Configuration) -> some View {
    Button {
      // 加withAnimation实现和系统开关一致的平滑切换效果，不需要可以去掉
      withAnimation {
        configuration.isOn.toggle()
      }
    } label: {
      (configuration.isOn ? onIcon : offIcon)
        .resizable()
        .frame(width: 44, height: 44)
    }
    .buttonStyle(.plain) // 去掉Button默认的点击高亮效果，适配自定义图标样式
  }
}

如果不想用Button，也可以保留onTapGesture的写法，但是必须强制指定点击响应区域，否则透明位置依然无法触发点击：

func makeBody(configuration: Configuration) -> some View {
  (configuration.isOn ? onIcon : offIcon)
    .resizable()
    .frame(width: 44, height: 44)
    .contentShape(Rectangle()) // 强制将整个矩形frame纳入点击响应范围
    .onTapGesture {
      withAnimation {
        configuration.isOn.toggle()
      }
    }
}

自定义ToggleStyle时，系统不会自动给makeBody返回的视图绑定开关切换逻辑，所有交互逻辑都需要自行实现，这也是自定义样式默认点了没反应的核心原因。

内容的提问来源于stack exchange，提问作者giussssss