Display Text in left of view

Question

i have one screen on my app witch gets data from firebase and then displays it. But i want to have 2 Text() view the one below the other, but for some reason the text is not displaying in the left of the view

The problem:

My Code:

struct ResourceItem: View {
    
    var title: String
    var url: String
    
    var body: some View {
        VStack {
            
            Link(destination: URL(string: url)!) {
                
                Text(title)
                    .bold()
                    .font(.system(size: 18))
                
                Text(url)
                    .bold()
                    .foregroundColor(.gray)
                    
            }
        }
    }
}

Does this answer your question? [SwiftUI text-alignment](https://stackoverflow.com/questions/56443535/swiftui-text-alignment) — Simon, Aug 24 '21 at 13:22

score 1 · Answer 1 · answered Aug 24 '21 at 12:23

1

try this:

VStack (alignment: .leading) {
    Text(title)
        .bold()
        .font(.system(size: 18))
    Text(url)
        .bold()
        .foregroundColor(.gray)
}

answered Aug 24 '21 at 12:23

workingdog support Ukraine

26,280
4
27
37

ok, add this `(alignment: .leading)` to the first VStack. – workingdog support Ukraine Aug 24 '21 at 12:33
Is not a VStack, is a Link() – GSepetadelis Aug 24 '21 at 12:55
1

I know it's a Link, put my answer inside the Link. Where did you put it, outside the Link? – workingdog support Ukraine Aug 24 '21 at 13:06

score 1 · Accepted Answer · answered Aug 24 '21 at 12:35

Link creates it's own VStack with default configuration. That's why when you place Link inside VStack - outer container is ignored.

You need to place VStack(alignment: .leading) inside Link:

struct ResourceItem: View {
    
    var title: String
    var url: String
    
    var body: some View {
        Link(destination: URL(string: url)!) {
            VStack(alignment: .leading) {
                Text(title)
                    .bold()
                    .font(.system(size: 18))
                Text(url)
                    .bold()
                    .foregroundColor(.gray)
            }
        }
    }
}

score -1 · Answer 3 · answered Aug 24 '21 at 12:28

-1

If you need this texts to be on one line - just put them In a horizontal stack -

HStack (alignment: .leading) {
Text(title)
    .bold()
    .font(.system(size: 18))
Text(url)
    .bold()
    .foregroundColor(.gray)

}

answered Aug 24 '21 at 12:28

Alexey Barinov

1
1

This isn't what they were looking for. They were talking about the alignment of the text. `"i want to have 2 Text() view the one below the other"` – George Aug 24 '21 at 13:04

Display Text in left of view

3 Answers3