Repolode
Enviar
exyte

exyte/Grid

Um contêiner de grid para SwiftUI inspirado no CSS Grid, com trilhas flexíveis, fixas ou dimensionadas pelo conteúdo, suporte a itens que ocupam várias trilhas e posicionamento explícito.

Ver no GitHub
Estrelas
2,125
Forks
101
Issues abertas
4
Último commit
ontem

O que é?

Grid é uma biblioteca Swift que oferece um contêiner de layout em grid para SwiftUI, inspirado no CSS Grid. Ela permite organizar views em linhas ou colunas, com tamanhos de trilha definidos em pontos fixos, unidades fracionárias flexíveis ou com base no conteúdo. Os stacks e grids lazy nativos do SwiftUI não oferecem essa combinação de dimensionamento de trilhas, itens que ocupam várias trilhas e controle de posicionamento por padrão.

Os itens podem ocupar várias trilhas, ser posicionados em linhas ou colunas específicas e ser distribuídos usando posicionamento esparso ou denso. O contêiner permite expandir em fluxo por linhas ou colunas, oferece modos de conteúdo rolável ou preenchido, alinhamento por item ou do grid inteiro, opções de espaçamento e atualizações animadas. Também é possível agrupar views com GridGroup e usar instruções condicionais por meio de um result builder personalizado.

A biblioteca pode ser instalada pelo Swift Package Manager ou pelo CocoaPods e é compatível com iOS 14 ou posterior, macOS 10.15 ou posterior e tvOS. É licenciada sob a MIT.

Recursos principais

  • 01Tamanhos de trilha definidos em pontos fixos, unidades fr flexíveis ou ajustados ao conteúdo
  • 02As views podem ocupar várias linhas ou colunas com gridSpan
  • 03Posicionamento explícito em linhas e colunas com gridStart
  • 04Fluxo por linhas ou colunas, com distribuição esparsa ou densa
  • 05Modos de conteúdo rolável e preenchido
  • 06Alinhamento por item ou do grid inteiro, além de atualizações animadas do conteúdo

Casos de uso

  • Criar layouts de dashboards ou cards no SwiftUI com colunas fixas e flexíveis
  • Criar grids de botões no estilo de calculadoras ou galerias de fotos com itens que ocupam várias trilhas
  • Adaptar conceitos de layout do CSS Grid para apps nativos de iOS ou macOS

Início rápido

  1. 1

    Adicione o pacote pelo Swift Package Manager no Xcode usando a URL do repositório https://github.com/exyte/Grid

  2. 2

    Ou adicione o pod ao seu Podfile para usar o CocoaPods

    pod 'ExyteGrid'
  3. 3

    Use Grid(tracks: 3) com as views dentro do closure para organizá-las

Antes de usar

  • Requer iOS 14.0 ou posterior ou macOS 10.15 ou posterior, além do Xcode 12 ou posterior; portanto, funciona apenas em plataformas Apple.
  • Um ViewBuilder simples aceita no máximo 10 views, então grades maiores precisam de GridGroup.

Em coleções

Apps open source para Mac

Tópicos

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

Perguntas frequentes

O que é Grid?
Um contêiner de grid para SwiftUI inspirado no CSS Grid, com trilhas flexíveis, fixas ou dimensionadas pelo conteúdo, suporte a itens que ocupam várias trilhas e posicionamento explícito. Grid é uma biblioteca Swift que oferece um contêiner de layout em grid para SwiftUI, inspirado no CSS Grid. Ela permite organizar views em linhas ou colunas, com tamanhos de trilha definidos em pontos fixos, unidades fracionárias flexíveis ou com base no conteúdo. Os stacks e grids lazy nativos do SwiftUI não oferecem essa combinação de dimensionamento de trilhas, itens que ocupam várias trilhas e controle de posicionamento por padrão.
Grid é gratuito? Qual é a licença?
Grid é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
Grid ainda é mantido?
Manutenção ativa. O último commit de Grid foi em 6 de nov. de 2026.
Para que posso usar Grid?
Criar layouts de dashboards ou cards no SwiftUI com colunas fixas e flexíveis Criar grids de botões no estilo de calculadoras ou galerias de fotos com itens que ocupam várias trilhas Adaptar conceitos de layout do CSS Grid para apps nativos de iOS ou macOS
Como instalar Grid?
Adicione o pacote pelo Swift Package Manager no Xcode usando a URL do repositório https://github.com/exyte/Grid Ou adicione o pod ao seu Podfile para usar o CocoaPods: pod 'ExyteGrid' Use Grid(tracks: 3) com as views dentro do closure para organizá-las
Onde consigo Grid?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/exyte/Grid

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados