SwiftUI는 iOS 앱을 만들기 위한 새로운 방법으로, 사용하기 쉬운 그리드 구성 요소를 제공하여 앱의 사용자 인터페이스를 구축하는 것이 쉬워졌습니다.

그리드 뷰 생성

그리드 뷰를 생성하려면 LazyVGrid를 사용합니다. 이 뷰는 행과 열의 숫자를 지정하여 그리드 레이아웃을 생성합니다.

LazyVGrid(columns: [
    GridItem(.flexible(minimum: 100, maximum: 200)),
    GridItem(.adaptive(minimum: 50))
]) {
    // 그리드 안에 들어갈 뷰들을 추가합니다
}

• GridItem을 사용하여 각 열의 폭을 지정할 수 있습니다.
• LazyVGrid를 사용하여 그리드 뷰를 만들고 내부에 그리드의 항목들을 추가할 수 있습니다.

그리드 아이템 추가

그리드 아이템은 ForEach를 사용하여 그리드 뷰에 추가됩니다.

LazyVGrid(columns: [
    // ...
]) {
    ForEach(0..<10) { index in
        // 각 그리드 아이템을 추가합니다
    }
}

• ForEach를 사용하여 그리드에 반복되는 항목들을 추가합니다.

그리드 스타일 변경

그리드 레이아웃의 스타일과 간격은 LazyVGrid의 spacing 및 padding 매개변수를 사용하여 조정할 수 있습니다.

LazyVGrid(columns: [
    // ...
]) {
    // ...
}.padding()
 .spacing(10)

• padding을 사용하여 그리드의 내부 여백을 설정할 수 있습니다.
• spacing을 사용하여 항목들 간의 간격을 설정할 수 있습니다.

SwiftUI 그리드 레이아웃을 사용하여 iOS 앱의 유연하고 멋진 사용자 인터페이스를 만들어보세요!

확인한 출처:

• Apple Developer Documentation