GridView Logo

布局化繁为简

瞬间完成数据布局,保持代码整洁

试试我们准备的演示 | 路线图 | 提出新功能建议


Library in beta version Designed for SwiftUI Platforms: iOS Current Version License: MIT

Made in Kraków Follow us on X Let's work together Stargazers

GridView Examples


GridView 是一个免费且开源的 SwiftUI 库,可以更轻松、更简洁地创建网格。


开始使用

✋ 要求

平台 最低 Swift 版本
iOS 14+ 5.0

⏳ 安装

Swift Package Manager

Swift Package Manager 是一种用于自动分发 Swift 代码的工具,并已集成到 Swift 编译器中。

设置好 Swift 包后,将 GridView 作为依赖项添加到 Package.swiftdependencies 值中非常简单。

dependencies: [
    .package(url: "https://github.com/Mijick/GridView", branch(“main”))
]

用法

1. 调用初始化器

要为您的数据集声明一个 Grid,请调用构造函数

struct ContentView: View {
    private let data = [SomeData]()

    var body: some View {
        GridView(data, id: \.self) { element in
            SomeItem(element: element)
        }
    }
}

2. 自定义 Grid

可以通过在初始化器内部调用 configBuilder 来自定义您的 GridView

struct ContentView: View {
    private let data = [SomeData]()

    var body: some View {
        GridView(data, id: \.self, content: SomeItem.init, configBuilder: { $0
            .insertionPolicy(.fill)
            .columns(4)
            .verticalSpacing(12)
        })
    }
}

3. 声明列数

您可以通过调用 Item 的 .columns 来更改项目的列数

struct ContentView: View { ... }
struct SomeItem: View {
    ...

    var body: some View {
        ...
            .columns(2)
    }
}

试试我们的演示

克隆我们创建的项目,亲身体验它的工作方式

许可证

GridView 在 MIT 许可下发布。 有关详细信息,请参见 LICENSE



我们其他的开源 SwiftUI 库

PopupView - 最强大的弹出窗口库,允许您展示任何弹出窗口
NavigationView - 更简单、更干净的应用程序导航方式
CalendarView - 立即创建您自己的日历对象
CameraView - 最强大的摄像头控制器。 专为 SwiftUI 设计
Timer - Timer 的现代 API