swiftui - 带白色背景的概述按钮

Question

如何在 SwiftUI 中创建这样的按钮？

Answer 1

为此，您需要使按钮的宽度与屏幕相同，然后添加一些填充。

  var body: some View {
        Button(action: {}) {
          Text("Text")
            .frame(minWidth: 0, maxWidth: .infinity)
            .padding(10)
          }
          .border(Color.gray, width: 1, cornerRadius: 5)
          .padding([.leading, .trailing], 20)
      }

Answer 2

要为任何视图添加边框，只需添加这个带有所需参数的修饰符：

.border(Color.black, width: 1, cornerRadius: 2)

按钮本身的大小可以通过填充或手动设置其框架来完成。