[SwiftUI]「区切り線」を付ける方法

SwiftUI
スポンサーリンク

方法

SwiftUIでは、Divider()ビューによって、区切り線を付けることが出来ます。

VStack {
            Text("Hello")
            Divider()
            Text("World")
        }

Divider()は、VStack内であれば横向きに、HStack内であれば縦向きになります。

区切り線を短くするには?

Dividerは、frameで幅もしくは高さを指定することによって、短くすることが出来ます。

HStack {
            Text("Hello")
            Divider()
                .frame(height: 100)
            Text("World")
        }

まとめ

区切り線を付けるには、Divider()ビューを使います。

オススメの記事

コメント

タイトルとURLをコピーしました