Reputation: 30534
I'm trying to get Text
to touch the left side. Right now, they all have unequal spacing on the sides. Here's my code:
struct ContentView: View {
var body: some View {
VStack(spacing: 20) {
Text("Some long text long longgggggg long long long long long long long long long long long long")
.border(Color.blue)
Text("Some long text long a long long long long long long long long long long long long")
.border(Color.blue)
Text("Some long text long asda long long long long long long long long long long long long")
.border(Color.blue)
}
}
}
Result:
This is what I want (achieved with HStack
+ Spacer()
):
How can I do this? HStack
+ Spacer()
doesn't seem right for multiline Text
.
Upvotes: 1
Views: 990
Reputation: 30534
I figured it out as I was writing my question. Just add alignment: .leading
to the VStack.
struct ContentView: View {
var body: some View {
VStack(alignment: .leading, spacing: 20) { /// here!
Text("Some long text long longgggggg long long long long long long long long long long long long")
.border(Color.blue)
Text("Some long text long a long long long long long long long long long long long long")
.border(Color.blue)
Text("Some long text long asda long long long long long long long long long long long long")
.border(Color.blue)
}
}
}
Result:
Upvotes: 3