button - 在视图上添加阴影会破坏其中的可聚焦按钮

Question

当我在包含按钮的视图上添加阴影时，该按钮将不再可点击。iOS 上的相同代码按预期工作，但在 tvOS 上它会破坏按钮。我在这里做错了吗？有解决方法吗？

这是我的代码，

VStack {
  Button(action: {
    print("Button clicked") // This is never called
  }) {
    Text("test")
  }
  .padding()
}
.background(Color.red)
.shadow(color: Color.black, radius: 14, x: 0, y: 4)

Answer 1

我找到了解决此问题的方法，因为背景可以设置为任何视图，您可以将所需的所有样式应用于背景，并且不会破坏视图中的按钮。

.background(RoundedRectangle(cornerRadius: 8)
  .fill(Color.red)
  .shadow(color: Color.black, radius: 14, x: 0, y: 4))