SwiftUI ToolbarItem中带边框突出样式的按钮存在点击无效的空白区域问题

我完全理解你的困扰：在iOS18+和Xcode26环境下，把.borderedProminent样式的按钮放在ToolbarItem底部工具栏时，明明能看到完整的红色边框（视觉上的按钮范围），但只有中心一小块区域能响应点击，边框和padding区域完全点不动；可同样的代码移出Toolbar后，整个边框内的区域都能正常触发点击。

问题原因 #

这大概率是iOS18/Xcode26中Toolbar布局环境的一个小bug：.borderedProminent样式给按钮自动添加的padding和边框，没有被正确纳入点击区域（命中测试）的计算范围。Toolbar的容器可能对内部视图的交互范围做了额外约束，导致只有按钮的核心文本区域能被识别为可点击区域。

解决方案 #

下面是几个经过验证的解决方法，按推荐优先级排序：

1. 扩展按钮的点击区域（最简洁有效）

给按钮添加.contentShape(Rectangle())，强制让点击区域覆盖按钮的整个视觉边界：

NavigationStack {
    ContentView()
        .toolbar {
            ToolbarItem(placement: .bottomBar) {
                Button("Save") {
                    print("Tapped!")
                }
                .buttonStyle(.borderedProminent)
                .border(Color.red)
                .contentShape(Rectangle()) // 关键：让点击区域匹配视觉边框
            }
        }
}

这个方法会告诉SwiftUI，按钮的可点击区域是其整个矩形范围，彻底解决点击范围和视觉范围不匹配的问题。

2. 用容器包裹并扩展空间

如果方案1效果不佳，可以把按钮放在HStack中，让容器充满ToolbarItem的可用空间，同时确保点击区域正确：

NavigationStack {
    ContentView()
        .toolbar {
            ToolbarItem(placement: .bottomBar) {
                HStack {
                    Button("Save") {
                        print("Tapped!")
                    }
                    .buttonStyle(.borderedProminent)
                    .border(Color.red)
                }
                .frame(maxWidth: .infinity) // 让容器充满Toolbar的宽度
                .contentShape(Rectangle())
            }
        }
}

这种方式可以规避Toolbar容器对按钮尺寸的潜在约束，确保按钮的布局和点击区域完全对齐。

3. 显式设置控制尺寸

有时候Toolbar环境会默认调整按钮的controlSize，显式设置为.regular可以和Toolbar外的按钮行为保持一致：

NavigationStack {
    ContentView()
        .toolbar {
            ToolbarItem(placement: .bottomBar) {
                Button("Save") {
                    print("Tapped!")
                }
                .buttonStyle(.borderedProminent)
                .border(Color.red)
                .controlSize(.regular) // 统一控制尺寸
                .contentShape(Rectangle())
            }
        }
}

额外说明 #

这个问题看起来是iOS18新特性引入的布局异常，因为在之前的系统版本或者非Toolbar环境下，.borderedProminent按钮的点击区域会自动覆盖整个视觉范围。如果以上方法都无法解决，建议你通过Feedback Assistant向Apple提交bug反馈，附带你的代码示例和录屏。

备注：内容来源于stack exchange，提问作者eaydgdu