SwiftUI:按钮圆角边缘的边框尺寸加倍

Question

我在按钮上看到双边框，看起来很奇怪。我尝试使用 RoundRectangle 叠加创建形状，并得到了相同的结果。这是我使用的代码:

    ScrollView(.horizontal, showsIndicators: false) {
        HStack {
            Button(action:{ action()}) {
                   Label("Name", image: "info")
               }
            .frame(height: 40)
            .padding(EdgeInsets(top: 0, leading: 10, bottom: 0, trailing: 10))
            .foregroundColor(.green)
            .background(.clear)
            .overlay(
                Capsule(style: .continuous)
                .stroke(.green, lineWidth: 1)
            )}}

结果是:

Answer 1

问题不在于边框两侧的厚度是两倍，而在于顶部和底部的厚度是一半。该按钮被 ScrollView 剪裁。

在这种情况下，您可以通过向 HStack 添加填充来修复它:

之前:

将.padding([.top, .bottom], 1)添加到HStack: