readme

Author: ay42

Examples/GridExamples/BuilderLayoutView.swift

@@ -28,7 +28,9 @@ struct BuilderLayoutView: View {
                     .cornerRadius(self.cornerRadius)
             }
             .padding(self.padding)
-            .gridStyle(DefaultGridStyle(minItemWidth: minItemWidth, itemHeight: itemHeight, hSpacing: hSpacing, vSpacing: vSpacing))
+            .gridStyle(
+                AutoColumnsGridStyle(minItemWidth: minItemWidth, itemHeight: itemHeight, hSpacing: hSpacing, vSpacing: vSpacing)
+            )
 
             VStack {
                 Slider(value: $itemsCount, in: itemsCountRange)

Examples/GridExamples/PerformanceLayoutView.swift

@@ -8,7 +8,7 @@ struct PerformanceLayoutView: View {
                 .foregroundColor(.random)
         }
         .gridStyle(
-            DefaultGridStyle(minItemWidth: 16, itemHeight: 16, spacing: 0)
+            AutoColumnsGridStyle(minItemWidth: 16, itemHeight: 16, spacing: 0)
         )
     }
 }

README.md

@@ -6,40 +6,49 @@ SwiftUI Grid view layout with auto-sizing items and flexible column count.
 <img src="Resources/iPad1.png"/>
 </center>
 
-## Examples
+## GridStyles
 
 Open `/Examples/GridExamples.xcodeproj` for more examples for both iOS and macOS
 
+
+### AutoColumnsGridStyle (Default)
+
 ```swift
-/// Simple grid.
+Grid(0...100) { _ in
+    Rectangle()
+        .foregroundColor(.blue)
+}
+```
 
-Grid(0...100, minimumItemWidth: 100) { _ in
+```
+Grid(0...100) { _ in
     Rectangle()
         .foregroundColor(.red)
-        .frame(height: 100)
 }
+.gridStyle(
+    AutoColumnsGridStyle(minItemWidth: 160, itemHeight: 80, hSpacing: 8, vSpacing: 8)
+)
 ```
+### FixedColumnsGridStyle
 
 ```swift
-Grid {
-    ForEach(0...10, id: \.self) { _ in
-        Rectangle()
-            .foregroundColor(.random)
-            .frame(height: 20)
-    }
+
+Grid(0...100) { number in
+    Card(title: "\(number)")
 }
+.gridStyle(
+    FixedColumnsGridStyle(columns: 3, itemHeight: 160)
+)
 ```
+### SingleColumnGridStyle
 
 ```swift
-/// Grid with minimum item width and fixed item height.
-
-Grid(self.planets, minimumItemWidth: 320, spacing: 16) {
-    PlanetView(planet: $0)
-        .frame(height: 400)
-        .onTapGesture {
-            print("Selection:", $0)
-        }
+Grid(0...100) { number in
+    Card(title: "\(number)")
 }
+.gridStyle(
+    SingleColumnGridStyle(itemHeight: 160)
+)
 ```
 
 ## Performance

Sources/Grid/DefaultGridStyle.swift renamed to Sources/Grid/AutoColumnsGridStyle.swift

@@ -2,7 +2,7 @@ import SwiftUI
 
 /// The default `Grid` style.
 @available(iOS 13.0, OSX 10.15, tvOS 13.0, watchOS 6.0, *)
-public struct DefaultGridStyle: GridStyle {
+public struct AutoColumnsGridStyle: GridStyle {
     public var padding = EdgeInsets(top: 0, leading: 0, bottom: 0, trailing: 0)
 
     let minItemWidth: CGFloat

Sources/Grid/Grid+Style.swift

@@ -35,7 +35,7 @@ extension View {
 }
 
 struct GridStyleKey: EnvironmentKey {
-    static let defaultValue: GridStyle = DefaultGridStyle()
+    static let defaultValue: GridStyle = AutoColumnsGridStyle()
 }
 
 extension EnvironmentValues {