0
votes

How to align a Text with left alignment in a VStack that is occupying more space like this

This is the code am using

VStack(alignment:.leading) {
    Text("Test")
       .font(.system(size: 10))
       .frame(maxWidth: .infinity, maxHeight: .infinity)
}.frame(maxWidth: .infinity, maxHeight: .infinity)
 .background(Color.green)
2
How about some padding? - Sweeper

2 Answers

0
votes

Try using this modifier on your Text view: .multilineTextAlignment(.leading)

0
votes

You need to add alignment to Text frame, like

VStack(alignment:.leading) {
    Text("Test")
       .font(.system(size: 10))
       .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .leading) // << here !!
}.frame(maxWidth: .infinity, maxHeight: .infinity)
 .background(Color.green)