Repolode
Enviar
exyte

exyte/Grid

Un contenedor de cuadrícula para SwiftUI inspirado en CSS Grid, con pistas flexibles, fijas o ajustadas al contenido, elementos que abarcan varias pistas y posicionamiento explícito.

Ver en GitHub
Estrellas
2,124
Forks
101
Issues abiertos
4
Último commit
hace 18 horas

¿Qué es?

Grid es una biblioteca de Swift que proporciona un contenedor de diseño en cuadrícula para SwiftUI, basado en CSS Grid. Permite organizar vistas en filas o columnas con tamaños de pista definidos en puntos fijos, unidades fraccionarias flexibles o según el contenido. Las pilas y cuadrículas lazy integradas en SwiftUI no ofrecen de forma nativa esta combinación de tamaños de pista, elementos que abarcan varias pistas y control de posicionamiento.

Los elementos pueden abarcar varias pistas, colocarse en posiciones explícitas de fila o columna y distribuirse mediante posicionamiento disperso o denso. El contenedor admite crecimiento por filas o por columnas, modos de contenido desplazable o de relleno, alineación por elemento y de toda la cuadrícula, opciones de espaciado y actualizaciones animadas. También es posible agrupar vistas con GridGroup y usar instrucciones condicionales mediante un result builder personalizado.

La biblioteca se puede instalar con Swift Package Manager o CocoaPods y es compatible con iOS 14 o posterior, macOS 10.15 o posterior y tvOS. Está publicada bajo la licencia MIT.

Funciones clave

  • 01Tamaños de pista definidos en puntos fijos, unidades fr flexibles o ajustados al contenido
  • 02Las vistas pueden abarcar varias filas o columnas con gridSpan
  • 03Posicionamiento explícito en filas y columnas con gridStart
  • 04Flujo por filas o columnas con distribución dispersa o densa
  • 05Modos de contenido desplazable y de relleno
  • 06Alineación por elemento y de toda la cuadrícula, además de actualizaciones animadas del contenido

Casos de uso

  • Crear diseños de paneles o tarjetas en SwiftUI con columnas fijas y flexibles combinadas
  • Crear cuadrículas de botones al estilo de una calculadora o galerías de fotos con elementos que abarquen varias pistas
  • Adaptar los conceptos de diseño de CSS Grid a aplicaciones nativas para iOS o macOS

Inicio rápido

  1. 1

    Añade el paquete en Xcode mediante Swift Package Manager con la URL del repositorio https://github.com/exyte/Grid

  2. 2

    O añade el pod a tu Podfile si usas CocoaPods

    pod 'ExyteGrid'
  3. 3

    Usa Grid(tracks: 3) y coloca las vistas dentro de su closure para distribuirlas

Antes de usarlo

  • Requiere iOS 14.0 o posterior, o macOS 10.15 o posterior, y Xcode 12 o posterior; por tanto, solo funciona en plataformas de Apple.
  • Un ViewBuilder normal admite como máximo 10 vistas, así que las cuadrículas más grandes necesitan GridGroup.

En colecciones

Apps open source para Mac

Temas

#swiftui#ios#layout#grid#swift-package#macos

Preguntas frecuentes

¿Qué es Grid?
Un contenedor de cuadrícula para SwiftUI inspirado en CSS Grid, con pistas flexibles, fijas o ajustadas al contenido, elementos que abarcan varias pistas y posicionamiento explícito. Grid es una biblioteca de Swift que proporciona un contenedor de diseño en cuadrícula para SwiftUI, basado en CSS Grid. Permite organizar vistas en filas o columnas con tamaños de pista definidos en puntos fijos, unidades fraccionarias flexibles o según el contenido. Las pilas y cuadrículas lazy integradas en SwiftUI no ofrecen de forma nativa esta combinación de tamaños de pista, elementos que abarcan varias pistas y control de posicionamiento.
¿Grid es gratuito? ¿Qué licencia tiene?
Grid es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿Grid sigue mantenido?
Mantenimiento activo. El último commit de Grid fue el 6 nov 2026.
¿Para qué puedo usar Grid?
Crear diseños de paneles o tarjetas en SwiftUI con columnas fijas y flexibles combinadas Crear cuadrículas de botones al estilo de una calculadora o galerías de fotos con elementos que abarquen varias pistas Adaptar los conceptos de diseño de CSS Grid a aplicaciones nativas para iOS o macOS
¿Cómo se instala Grid?
Añade el paquete en Xcode mediante Swift Package Manager con la URL del repositorio https://github.com/exyte/Grid O añade el pod a tu Podfile si usas CocoaPods: pod 'ExyteGrid' Usa Grid(tracks: 3) y coloca las vistas dentro de su closure para distribuirlas
¿Dónde consigo Grid?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/exyte/Grid

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados

onevcat / Kingfisher

Una biblioteca ligera, completamente escrita en Swift, para descargar, almacenar en caché y mostrar imágenes de la web en apps para iOS, macOS y SwiftUI.

Móvil y escritorio#swift#ios#image-loading
24,4 mil+1 esta semana2,8 milSwiftMITBien mantenidoActualizado hace 4 días