SwiftUI 图像未正确显示为叠加

Question

我正在尝试实现一个自定义的“用苹果登录”按钮：

Button(action: {
    
}) {
    RoundedRectangle(cornerRadius: 32)
        .frame(height: 48)
        .foregroundColor(colorScheme == .dark ? .white : .black)
        .overlay(
            HStack {
                Image("apple.white")
                    .frame(width: 32, height: 32)
                    .clipShape(Circle())
                Spacer()
                Text("Sign in with Apple")
                    .foregroundColor(colorScheme == .dark ? .black : .white)
                    .bold()
                Spacer()
            }
            .padding(.horizontal)
    )
        .padding(.horizontal)
}

static RoundedRectangle 看起来不错：

但它不会正确显示为按钮的叠加层：

我该如何解决？

Answer 1

这是因为 SwiftUI 默认为按钮着色，尝试添加：

.buttonStyle(PlainButtonStyle())

到按钮。