À medida que os projetos do SwiftUI crescem, um dos desafios mais significativos não é criar novas telas — é manter a interface do usuário consistente e mantível. No início de um projeto, é fácil copiar e colar código para avançar rapidamente. Mas à medida que mais recursos são adicionados, o UI duplicado começa a criar inconsistências e torna até mesmo atualizações simples de design demoradas.

Neste artigo, compartilharei algumas práticas para criar componentes reutilizáveis do SwiftUI que são fáceis de manter, flexíveis o suficiente para diferentes casos de uso e escaláveis para projetos maiores.

Por Que Componentes Reutilizáveis Importam

Imagine que você tem dez telas que usam o mesmo botão.

Inicialmente, cada botão pode parecer assim:

Button("Continuar") {
    submit()
}
.padding()
.background(Color.blue)
.foregroundColor(.white)
.cornerRadius(12)

Funciona perfeitamente — até que a equipe de design decide que cada botão primário deve ter:

• uma nova cor de fundo
• um raio maior nas bordas
• um indicador de carregamento
• estado desabilitado
• layout de largura total

Agora você precisa atualizar dez telas diferentes.