[SwiftUI]VStackを上寄せにするには？

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

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

方法

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

具体的には、VStackのクロージャーの１番最後に、Spacer()を追加します。

VStack {
    SampleView()
    Sample2View()
    ・・・・
    Spacer() //１番後ろに追加
}

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

使用例

以下は、使用例です。

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

[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