leading edge for VStack in SwiftUI

Question

I want to create a VStack of many Texts with 20 points of spacing between each Text. I want my VStack to be aligned to left side of the screen(or leading side of parent View).

Welcome to StackOverflow. Please show what research you've undertaken, what you've already tried, what didn't work, code samples etc. Read [ask] and [mcve] and update your question. — Ashley Mills, Oct 01 '19 at 12:37

Mehdi · Answer 1 · 2019-10-03T02:32:01.557

5

Try this:

struct ContentView: View {
    var body: some View {
        HStack(){
            //alignment options: .center , .leading , .trailing
            VStack(alignment: .leading, spacing: 20){
                Text("Salam")
                Text("chetori")
                Text("Arsalan")
                Text("?")
            }
            Spacer()
        }
    }
}

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

and if you want your VStack to be on right side of your screen, put the Spacer above the VStack

edited Oct 03 '19 at 02:32

answered Oct 01 '19 at 13:35

Mehdi

1,192
1
9
21

salam,khubam mersi =) this aligment: .leading is just inside VStack and still show this texts on center of the view ,i want padding this whole VStack to the left of the view – arsalan_h Oct 02 '19 at 10:53

score 0 · Answer 2 · edited Jan 17 '22 at 16:31

0

VStack(alignment: .leading, spacing: 20){
    ForEach(0..<20) { i in
        HStack {
            Text("\(i)")
                .multilineTextAlignment(.leading) // needed only if your text has multiple lines
            Spacer()
        }
    }
}.padding()

And the result:

edited Jan 17 '22 at 16:31

RiveN

2,595
11
13
26

answered Jan 17 '22 at 15:11

Arnaud514

21
5

leading edge for VStack in SwiftUI

2 Answers2