SwiftUI - Align Text in a VStack

Question

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)

How about some padding?

Sweeper
– Sweeper

2020-10-04 07:00:45 +00:00
Commented Oct 4, 2020 at 7:00 — Sweeper
– Sweeper, Commented Oct 4, 2020 at 7:00

Asperi · Accepted Answer · 2020-10-04 07:04:36Z

4

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)

answered Oct 4, 2020 at 7:04

Asperi

262k28 gold badges594 silver badges888 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Joe Over a year ago

Thank you. Got the same from this question as well: stackoverflow.com/questions/60800624/…

Jeshurun Roach · Accepted Answer · 2020-10-04 07:04:16Z

2

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

answered Oct 4, 2020 at 7:04

Jeshurun Roach

663 bronze badges

1 Comment

Jan Over a year ago

Helpful if you have longer text which has an automatic linebreak into multiple lines.

Collectives™ on Stack Overflow

SwiftUI - Align Text in a VStack

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related