まだどこにもないアプリを作る

アプリ開発でつまづいたところなどを中心に記事にして行きます。

SwiftUI HStackで生まれる横の隙間を埋める

 

f:id:rils_k:20220321065228p:plain

この画像のように普通にHStackを使うだけだとUIとUIの間に隙間ができてしまいます。

import SwiftUI

 

struct HStackSpacing: View {

    var body: some View {

        HStack{

            Image(systemName: "crown")

            Text("1位")

        }.background(Color.gray)

    }

}

 

以下のようなコードに直すと解消できます。

struct HStackSpacing: View {

    var body: some View {

        HStack(spacing:0){

            Image(systemName: "crown")

            Text("1位")

        }.background(Color.gray)

    }

}

 HStackにspacing:0を追加しています。

f:id:rils_k:20220321065410p:plain

 

 

VStackでも同じようなことができました。