SwiftUiでよくあるSecondoryButtonを実装

はじめに

今回はよくある部品としてSecondary Buttonがあると思いますが、それを実装していきます。

コード

struct SecondaryButton: View {
    var title: String
    var action: () -> Void

    var body: some View {
        Button(action: action) {
            ZStack {
                Capsule()
                    .fill(Color.white)
                    .frame(height: 60)
                Capsule()
                    .stroke(Color.rjOrange500, lineWidth: 2)
                    .frame(height: 60)
                    .overlay {
                        Text(title)
                            .font(.bold16)
                            .foregroundStyle(Color.rjOrange500)
                    }
            }
        }
    }
}

最後に

SwiftUiで背景色を設定したButtonを使おうとしたところ、うまくできずZStackで部品同士を重ねて再現するしかできなかったのでこのような実装にしました