[SwiftUI]Dividerのパディングを無くすには?

SwiftUI

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

Dividerのパディングを無くす方法を紹介します。

スポンサーリンク

方法

インターフェース, インターネット, プログラム, ブラウザ, Www

Dividerのパディングを無くすには、VStackもしくはHStackを使います。

具体的には、Dividerを表示しているVStackもしくはHStackの引数「spacing」に「0」を指定します。

VStack (spacing : 0){ //HStackでも同じ
    ・・・・
}

VStackもしくはHStackを使えば、Dividerののパディングを無くすことができます。

Dividerでパディングのように見えるには、VStackもしくはHStackで設定されている間隔です。

なので、VStackもしくはHStackの間隔を0にすれば、Dividerのパディングが消えます。

使用例

以下は、使用例です。

struct ContentView: View {
    
    var body: some View {
        HStack (spacing : 0){
            Divider()
            Divider()
            Divider()
        }
    }
    
}

コメント

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