SwiftUI iOS中修改Toggle尺寸无效，求问题原因

AI 小北

2026-7-3

SwiftUI Toggle无法修改尺寸的原因及解决方案

问题描述

我使用以下代码尝试实现类似macOS系统设置的小型开关Toggle，但设置后无法修改Toggle的尺寸：

Toggle(isOn: self.$autoplay) {
    
    Button(action: {
    
        autoplay.toggle()
    }) {
        HStack(spacing: 26) {
    
            Image(systemName: "play.circle")
                .resizable()
                .scaledToFit()
                .frame(width: iconSize, height: iconSize)
    
            Text("video_autoplay")
                .padding(.trailing, 26)
    
        }
        .frame(minWidth: 0, maxWidth: .infinity, alignment: .leading)
    }
}
.toggleStyle(.switch)
.controlSize(.mini)

核心原因

你在Toggle的标签内部嵌套了一个Button，这会破坏Toggle的原生布局与交互逻辑：

Toggle本身就是一个可交互控件，内置了状态切换的触发逻辑，无需额外嵌套Button
嵌套的Button会抢占布局空间，干扰Toggle的内置尺寸控制机制，导致.controlSize(.mini)等尺寸设置无法生效

修复方案

移除多余的Button，直接将HStack作为Toggle的标签即可：

Toggle(isOn: $autoplay) {
    HStack(spacing: 26) {
        Image(systemName: "play.circle")
            .resizable()
            .scaledToFit()
            .frame(width: iconSize, height: iconSize)
        
        Text("video_autoplay")
            .padding(.trailing, 26)
    }
    .frame(minWidth: 0, maxWidth: .infinity, alignment: .leading)
}
.toggleStyle(.switch)
.controlSize(.mini)