Swift　overlay修飾子でビューに角丸の枠線をつけるサンプル

2023年10月20日

環境
Swift version 5.2.3 (swift-5.2.3-RELEASE)
Ubuntu 20.04.2 LTS

構文

SampleView()
    .overlay(
        RoundedRectangle(cornerRadius: 角の丸み)
            .stroke(枠線の色, lineWidth: 枠線の太さ)
    )

RoundedRectangleの引数「cornerRadius」に角の丸みを指定します。
stroke修飾子の第１引数に枠線の色、引数「lineWidth」に枠線の太さを指定します。

使用例

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Bordered Text")
                .padding()
                .overlay(
                    RoundedRectangle(cornerRadius: 15)
                        .stroke(Color.blue, lineWidth: 3)
                )
        }
    }
}