SwiftUI. ¿Cómo alinear la vista raíz con la esquina superior izquierda?

Nov 25 2020

Estoy aprendiendo SwiftUI. Tengo este codigo:

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack(alignment: .leading, spacing: 0) {
            Text("Vasia")
            Text("Auuuuuuuuuuu")
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

Después de la compilación obtengo esto:

Quiero que estas cadenas estén en la esquina superior izquierda, no en el centro. ¿Cómo lograrlo?

Respuestas

3 Asperi Nov 25 2020 at 13:36

Aquí hay una posible solución:

var body: some View {
    VStack(alignment: .leading) {
        Text("Vasia")
        Text("Auuuuuuuuuuu")
        Spacer()
    }.frame(maxWidth: .infinity, alignment: .leading)
}
1 davidev Nov 25 2020 at 13:37

Puede usarlo Spacer()y envolverlo dentro de HStack y VStack de esta manera

struct ContentView: View {
    var body: some View {
        
        HStack {
            VStack(alignment: .leading, spacing: 0) {
                Text("Vasia")
                Text("Auuuuuuuuuuu")
                
                Spacer()
            }

            Spacer()
        }
        
    }
}