[SwiftUI]縦(vertical)のDivider(区切り線)の高さ(height)を設定するには？

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

縦のDividerの高さを設定する方法を紹介します。

方法
使用例

方法

縦のDividerの高さを設定するには、frame修飾子を使います。

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

そして、frame修飾子の引数「height」に高さを指定します。

Divider()
   .frame(height: /*高さ*/)

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

使用例

以下は、使用例です。

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