自定义Toggle样式能否支持labelsHidden()系统视图修饰符？

完全可以精准适配系统原生的labelsHidden()修饰符，不需要额外自定义样式属性，通过读取系统内置环境值即可实现和原生控件完全一致的行为。

实现原理 #

labelsHidden()修饰符的本质是修改了视图环境中的\.labelsHidden布尔类型环境值，所有系统原生控件都是通过读取该环境值判断是否需要隐藏自带标签，自定义Toggle样式直接读取该环境值即可对齐原生行为。

完整实现示例 #

1. 自定义ToggleStyle代码 #

struct CustomToggleStyle: ToggleStyle {
    // 读取系统原生labelsHidden环境值
    @Environment(\.labelsHidden) private var labelsHidden
    
    func makeBody(configuration: Configuration) -> some View {
        HStack(spacing: 12) {
            // 自定义开关视觉部分
            RoundedRectangle(cornerRadius: 16)
                .fill(configuration.isOn ? .accentColor : .secondary.opacity(0.3))
                .frame(width: 52, height: 32)
                .overlay(
                    Circle()
                        .fill(.white)
                        .padding(4)
                        .offset(x: configuration.isOn ? 10 : -10)
                        .animation(.easeInOut(duration: 0.2), value: configuration.isOn)
                )
                .onTapGesture {
                    configuration.isOn.toggle()
                }
            
            // 根据环境值判断是否渲染标签
            if !labelsHidden {
                configuration.label
            }
        }
    }
}

2. 调用验证 #

直接使用系统原生labelsHidden()修饰符即可生效，和原生Toggle行为完全一致：

struct DemoView: View {
    @State private var isOn = false
    
    var body: some View {
        VStack(spacing: 20) {
            // 正常显示标签
            Toggle("开关选项1", isOn: $isOn)
                .toggleStyle(CustomToggleStyle())
            
            // 原生修饰符隐藏标签
            Toggle("开关选项2", isOn: $isOn)
                .toggleStyle(CustomToggleStyle())
                .labelsHidden()
        }
    }
}

注意事项 #

该实现完全遵循系统原生逻辑，无论是在单个Toggle上添加labelsHidden()，还是在父视图层级统一添加，自定义样式都能正确响应，无需额外自定义传参。

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