带白色背景的轮廓按钮

Question

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

Answer 1

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

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

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

Answer 2

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

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

带白色背景的轮廓按钮

Outlined button with white background

swiftui

swift5.1