[SwiftUI]VStackのビューを下寄せにするには？

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

VStackのビューを下寄せにする方法を紹介します。

方法

VStackのビューを下寄せにするには、Spacerを使います。

具体的には、VStackのクロージャーの先頭に、Spacer()を追加します。

VStack {
    Spacer() //先頭に追加
    SampleView()
    Sample2View()
    ・・・
}

Spacerを使うことで、VStackのビューを下寄せにすることができます。

VStack {
  //Some View
}
.frame(alignment: .bottom)

使用例

以下は、使用例です。

struct ContentView: View {
    var body: some View {
        VStack  {
            Spacer()
            Text("Hello")
            Text("World")
            Text("SwiftUI")
        }
    }
}

[SwiftUI]リスト(List)を配列で生成するには？

リストの行を配列で生成する方法を紹介します。

www.choge-blog.com

2022.02.11

[SwiftUI]リスト(List)の背景色が変わらない時の対処法

「リストの背景色を設定したのに色が変わらない」という人に向けて、Listの背景色が変わらない時の対処方法を紹介します。

www.choge-blog.com

2022.02.11

[SwiftUI]リスト(List)の区切り線の色を設定するにには？

リストの要素ごとのに表示する区切り線の色を設定する方法を紹介します。

www.choge-blog.com

2022.02.11

[Swift]リスト(List)の要素全体をタップできるようにするには？

１部分だけでなく、リストの要素全体をタップできるようにする方法を紹介します。

www.choge-blog.com

2022.02.11