SwiftUIでViewを横に等間隔で横に並べる

2020年9月8日

SwiftUIでViewを横に等間隔で横に並べて表示するほうほうです。アイコンを等間隔で表示したりするときにつかいました。

SwiftUI

ContentView.swift

import SwiftUI

struct ContentView: View {
    var body: some View {
        HStack {
            Image("icon")
                .resizable()
                .frame(width: 42, height: 42)
            Spacer()
            Image("icon")
                .resizable()
                .frame(width: 42, height: 42)
            Spacer()
            Image("icon")
                .resizable()
                .frame(width: 42, height: 42)
            Spacer()
            Image("icon")
                .resizable()
                .frame(width: 42, height: 42)
            Spacer()
            Image("icon")
                .resizable()
                .frame(width: 42, height: 42)
        }
        .padding(16)
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}