Как сделать cornerRadius на краях кнопок, чтобы края не обрезались в swiftUI

Question

Я экспериментирую с SwiftUI. Я не знаю, как получить закругленную кнопку с borderWidth. Ниже приведен код, который я пробовал.

Вот мой код

struct ArrowButton : View {
    var body: some View {
        return Button(action: {}) {
            HStack {
                Text("SEE ALL")
                    .font(.headline)
                    .color(Color.init(red: 0.627, green: 0.776, blue: 0.965))
                Image(systemName: "arrow.right")
                    .font(Font.title.weight(.bold))
            }
        }
            .padding(.all, 9.0)
            .border(Color.init(red: 0.627, green: 0.776, blue: 0.965))
            .cornerRadius(5.0)
    }
}

А вот как выглядит мой взгляд

Какие модификаторы я должен использовать для

1. Увеличить ширину границы?
2. Удалить эффект отсечения, показанный ниже?

Answer 1

Укажите ширину и радиус угла для границы:

.border(Color.init(red: 0.627, green: 0.776, blue: 0.965),
        width: 6.0,
        cornerRadius: 12.0))

Например, этот код:

struct ContentView : View {
    var body: some View {
        return Button(action: {}) {
            HStack {
                Text("SEE ALL")
                    .font(.headline)
                    .color(Color.init(red: 0.627, green: 0.776, blue: 0.965))
                Image(systemName: "arrow.right")
                    .font(Font.title.weight(.bold))
            }
            }
            .padding(.all, 20.0)
            .border(Color.init(red: 0.627, green: 0.776, blue: 0.965),
                    width: 6.0,
                    cornerRadius: 40.0)
    }
}

результатов в этом представлении: