Jogando com o SwiftUI Part-3

Santosh Botre Blocked Desbloquear Seguir Seguindo 23 de junho

Em Introdução ao SwiftUI , discutimos o estilo de programação declarativa da interface do usuário.

Na Parte 1 , vimos o que podemos fazer com texto , botão e imagem usando o SwiftUI.

Em Parte 2 – Jogando com TextField, SegmentControl, Toggle e Slider, Stepper no SwiftUI.

Neste artigo, estaremos cobrindo contêineres como VStack, HStack e ZStack view ???

No conteúdo do SwiftUI, a representação é o tipo de exibição. O protocolo View possui uma propriedade denominada intenção do corpo apenas para retornar uma única visualização.

O que indica que para combinar várias visualizações, você precisa de um contêiner do tipo de visualização.

SwiftUI tem pilhas, que vêm em três formas:
?? HStack : Container para empilhar vistas na linha horizontal

?? VStack : Container para empilhar vistas na linha vertical

?? ZStack : Container para empilhar vistas sobrepostas umas às outras ou alinhá-las a qualquer linha

Vamos tentar entender cada um deles

?? VStack

Uma visão que organiza seus filhos em uma linha vertical.

? Para mostrar um simples VStack

Podemos decidir o alinhamento e o espaçamento entre a visualização contida pelo Contêiner, conforme mostrado abaixo.

 VStack (alinhamento: .leading, espaçamento: 10) 

? Para mostrar um simples VStack com Divider

?? HStack

Uma visão que organiza seus filhos em uma linha horizontal.

? Para mostrar um simples HStack

? Para mostrar um simples HStack com Divider

?? ZStack

Uma visão que se sobrepõe a seus filhos, alinhando-os em ambos os eixos.

Espero que dê glims do que você pode fazer com SwiftUI…

Texto original em inglês.