[SwiftUI]Divider(区切り線)の横幅(width)を設定するには？

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

Dividerの横幅を設定する方法を紹介します。

方法
使用例

方法

Dividerの横幅を設定するには、frame修飾子を使います。

まず、Dividerにframe修飾子を付与します。

そして、frame修飾子の引数「width」に横幅を指定します。

Divider()
   .frame(width: /*横幅*/)

frame修飾子を使えば、Dividerの横幅を設定することができます。

使用例

以下は、使用例です。

struct ContentView: View {
    
    var body: some View {
        VStack {
            Divider()
                .frame(width: 200.0)
            Divider()
                .frame(width: 150.5)
            Divider()
                .frame(width: 50.0)
        }
    }
    
}