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)
}

作为静态RoundedRectangle看起来不错： variant

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

我该如何解决？

Answer 1

这是因为默认情况下SwiftUI会着色按钮，请尝试添加：

.buttonStyle(PlainButtonStyle())

按钮。