Skip to content

rluispdev/TabView

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 

Repository files navigation

TabView

Creating a TabView.

Hierarquia de Layout:

O código envolve a criação de várias Views usando o SwiftUI, como MyTabBar, FirstScreen, SecondScreen, ThirdScreen, FourthScreen, FifthScreen, ContentView, e a estrutura principal TabViewModelsApp.

SwiftUI Modificadores:
O código utiliza vários modificadores do SwiftUI para estilizar e ajustar a aparência das Views, incluindo scaleEffect, foregroundColor, font, onTapGesture, frame, background, cornerRadius.

#TabView e Seleção de Abas:
A estrutura ContentView utiliza TabView para criar uma interface de guias, onde diferentes telas (FirstScreen, SecondScreen…) são exibidas em diferentes guias.
O valor selecionado da guia é controlado usando @State e selection no TabView.

Enumeration
O código define um enum Tab que é usada para representar diferentes guias no aplicativo.

Binding e State:
O código usa @State para controlar o estado interno das Views, como a guia selecionada.
Um @Binding é usado para passar um estado externo (selectedTab) para MyTabBar.


Componentização e Reutilização de Código:
A View MyTabBar encapsula a lógica da barra de guias, permitindo que ela seja reutilizada em diferentes partes do aplicativo.

Gestos e Animações:
Gestos são usados para responder aos toques nas guias da barra de guias.
Animações com withAnimation são aplicadas quando as guias são selecionadas.

Estilização e Cores:
O código usa gradientes de cores para definir os fundos das telas, usando LinearGradient.
As cores e estilos são modificados para realçar a guia selecionada.

Organização de Código e Navegação:
O código está organizado em diferentes estruturas e pastas para melhorar a legibilidade e a manutenção.