LAYOUT E STRUTTURE DI BASE

Cosa imparerò:

• Stack
• List
• Grid

Stack Uno dei modi più comuni per organizzare le viste in SwiftUI è utilizzare stack come VStack per impilare verticalmente gli oggetti, HStack per disporre gli oggetti in orizzontale e ZStack per disporre uno o più oggetti l’uno sopra l’altro.

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Hello, SwiftUI!")
            Text("Welcome to SwiftUI")
        }
    }
}

List Puoi utilizzare List per visualizzare una lista di elementi.

struct ContentView: View {
    var body: some View {
        List {
            Text("Item 1")
            Text("Item 2")
            Text("Item 3")
        }
    }
}

Grid Puoi creare una griglia di viste utilizzando LazyVGrid o LazyHGrid.

struct ContentView: View {
    let items = Array(1...9)
    var body: some View {
        LazyVGrid(columns: [GridItem(), GridItem(), GridItem()]) {
            ForEach(items, id: \.self) { item in
                Text("Item \(item)")
            }
        }
    }
}

Spacer Puoi utilizzare Spacer per spaziare le viste in uno stack.

struct ContentView: View {
    var body: some View {
        HStack {
            Text("Left")
            Spacer()
            Text("Right")
        }
    }
}

Altri layout e view: NavigationStack: Per la navigazione tra le viste TabView: Per la navigazione a schede ScrollView: Per scorrere contenuti Form: Per creare form