ScrollView
permite amosar contido desprazable.
- Especialmente útil cando o contido é demasiado grande para encaixar na pantalla.
- Podes desprazar o contido vertical ou horizontalmente, dependendo das túas necesidades.
- A xestión de memoria dos elementos dentro do
ScrollView
é automática, de xeito que so seScargan os elementos visibles.
A continuación, proporciono unha tradución e algúns exemplos para ilustrar o uso de ScrollView en SwiftUI:
Exemplo ScrollView Vertical #
Neste exemplo, créase un ScrollView
que contén unha lista vertical (VStack
) de elementos.
- Cada elemento é un
Text
con estilo e algún espazo entre eles. - Podes desprazar o contido cara arriba ou cara abaixo.
struct ExemploScrollViewVertical: View {
var body: some View {
ScrollView {
VStack {
ForEach((0...15),id: \.self) {
indice in
Text("Elemento \(indice)")
.padding()
.background(Color.blue)
.foregroundColor(.white)
.cornerRadius(10)
.padding(.bottom, 10)
}
}.padding(20)
}
}
}
Exemplo ScrollView Horizontal #
Neste exemplo, créase un ScrollView
cunha dirección horizontal (ScrollView(.horizontal)
) que contén unha lista horizontal (HStack
) de elementos.
Podes desprazar o contido cara a esquerda ou cara a dereita.
struct ExemploScrollViewHorizontal: View {
var body: some View {
ScrollView(.horizontal) {
HStack {
ForEach((0...15),id: \.self) {
indice in
Text("Elemento \(indice)")
.padding()
.background(Color.blue)
.foregroundColor(.white)
.cornerRadius(10)
.padding(.bottom, 10)
}
}.padding(20)
}
}
}