exyte/Grid

어떤 프로젝트인가요?

핵심 기능

• 01고정 포인트, 유연한 fr 단위 또는 콘텐츠 기반 크기로 트랙 크기 지정
• 02gridSpan을 사용해 뷰를 여러 행이나 열에 걸쳐 배치
• 03gridStart로 행과 열의 위치를 명시적으로 지정
• 04sparse 또는 dense 방식으로 채우는 행 우선 또는 열 우선 배치
• 05스크롤 및 채우기 콘텐츠 모드
• 06항목별 및 전체 그리드 정렬과 콘텐츠 업데이트 애니메이션

활용 사례

• 고정 열과 유연한 열을 함께 사용하는 SwiftUI 대시보드 또는 카드 레이아웃 구성
• 여러 트랙에 걸쳐 배치되는 항목이 있는 계산기 스타일 버튼 그리드나 사진 갤러리 제작
• CSS Grid 레이아웃 개념을 네이티브 iOS 또는 macOS 앱으로 가져오기

빠른 시작

1. 1

   Xcode에서 저장소 URL https://github.com/exyte/Grid 을 사용해 Swift Package Manager로 패키지를 추가합니다

2. 2

   또는 CocoaPods를 사용하는 경우 Podfile에 pod를 추가합니다

   pod 'ExyteGrid'
3. 3

   Grid(tracks: 3)의 클로저 안에 뷰를 넣어 배치합니다

사용 전 알아둘 점

• !iOS 14.0 이상 또는 macOS 10.15 이상과 Xcode 12 이상이 필요하므로 Apple 플랫폼 전용입니다.
• !일반 ViewBuilder 안에는 뷰를 최대 10개까지 넣을 수 있으므로, 더 큰 그리드에는 GridGroup이 필요합니다.

포함된 컬렉션

토픽

자주 묻는 질문

Grid은(는) 무엇인가요?

CSS Grid에서 영감을 얻은 SwiftUI 그리드 컨테이너로, 유연한 크기·고정 크기·콘텐츠 크기 트랙, 여러 트랙에 걸친 배치, 명시적 위치 지정 기능을 지원합니다. Grid는 CSS Grid를 모델로 한 SwiftUI용 그리드 레이아웃 컨테이너를 제공하는 Swift 라이브러리입니다. 개발자는 고정 포인트, 유연한 분수 단위 또는 콘텐츠 기반 크기 지정으로 트랙 크기를 정해 뷰를 행이나 열로 배치할 수 있습니다. SwiftUI의 기본 스택과 지연 로딩 그리드는 이러한 트랙 크기 지정, 여러 트랙에 걸친 배치, 위치 제어 기능을 기본적으로 함께 제공하지 않습니다.

Grid은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

Grid은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

Grid은(는) 아직 유지보수되고 있나요?

6개월 이내 업데이트. Grid의 마지막 커밋은 2026년 9월 15일입니다.

Grid은(는) 어디에 사용할 수 있나요?

고정 열과 유연한 열을 함께 사용하는 SwiftUI 대시보드 또는 카드 레이아웃 구성 여러 트랙에 걸쳐 배치되는 항목이 있는 계산기 스타일 버튼 그리드나 사진 갤러리 제작 CSS Grid 레이아웃 개념을 네이티브 iOS 또는 macOS 앱으로 가져오기

Grid는 어떻게 설치하나요?

Xcode에서 저장소 URL https://github.com/exyte/Grid 을 사용해 Swift Package Manager로 패키지를 추가합니다 또는 CocoaPods를 사용하는 경우 Podfile에 pod를 추가합니다: pod 'ExyteGrid' Grid(tracks: 3)의 클로저 안에 뷰를 넣어 배치합니다

Grid은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/exyte/Grid