[SwiftUI]区切り線(divider)の太さ(thickness)を変える(change)には？

どうも、ちょげ(@chogetarou)です。

区切り線の太さを変える方法を紹介します。

方法
1. frame + background
2. Rectangle
まとめ

方法

区切り線の太さを変える方法は、２つあります。

frame + background

１つは、frame修飾子とbackground修飾子を使う方法です。

まず、Dividerにframe修飾子を付与し、frameの引数「height」に高さを指定します。

そして、Dividerにbackground修飾子を付与し、引数に区切り線の色を指定します。

struct ContentView: View {
    var body: some View {
        VStack {
            Divider()
                .frame(height: 10)
                .background(Color.blue)
        }
    }
}

Rectangle

もう１つは、Rectangleを使う方法です。

まず、区切り線としてRectangeleを配置します。

そして、Rectangleに「fill(色)」と「frame( width: 幅, heght: 太さ)」を付与します。

struct ContentView: View {
    var body: some View {
        VStack {
            Rectangle()
                .fill(.green) //枠線の色
                .frame(width: .infinity, height: 5) //枠線のサイズ
        }
    }
}