SwiftUIで点線を引く方法

1.区切り線を引く

◯区切るために線を引くとき
↓
Divider()を使う

1.縦で区切る

HStack {
    Text("左左左左左")
    Divider()
    Text("右右右右右")
}

2.横で区切る
今度は、HStackのところをVStackに("H"orizon から "V"erticalに)

2.点線の場合

◯線のスタイルはStrokeStyle構造体で定義される
例えば点線のボタンを作るなら、

Button(action: {
print("Hello button tapped!")
}) {
Text("Hello World")
.fontWeight(.bold)
.font(.title)
.foregroundColor(.purple)
.padding()
.overlay(
Capsule(style: .continuous)
.stroke(Color.purple, style: StrokeStyle(lineWidth: 5, dash: [10]))
)
}

のようになる。

最後の.strokeのStrokeStyleに注目すると、StrokeStyle(lineWidth: 5, dash: [10]))
となっている。

つまり、これは線の太さが5、長さが10の点線が出来上がることを意味する

点線(破線)はdash[線の長さ, 空白の長さ]で指定する