PageView
A page view é basicamente um formato diferente de apresentação de uma TabView.
Sendo ótima para criar onboardings, a page view permite uma navegação de telas com um simples gesto de swipe, e possui pequenos círculos na parte inferior da tela para identificar em qual página o usuário está atualmente.
Criando uma Page View
Para criar uma page view, baste criar uma TabView normalmente e adicionar o modificador .tabViewStyle(.page):
Mostrando ou ocultando os círculos de navegação
Existem algumas opções caso você queira ou não mostrar os círculos indicadores da parte inferior da tela:
- .never: Os círculos nunca serão mostrados.
- .always: Os círculos sempre serão mostrados.
- .automatic: Os círculos apenas serão mostrados caso haja mais de uma view na
tabView.
Para mudar esta opção, é necessário adicionar o parâmetro .indexDisplayMode no .tabViewStyle:
Problemas de visualização da Page View
Um problema que pode acontecer é a cor de fundo dos círculos indicadores da page view não terem um contraste muito bom com a cor da view sendo mostrada.
Para resolver isso basta usar o modificador .indexViewStyle na TabView, definindo o parâmetro backgroundDisplayMode como .always: