How to move objects to the right side?

Question

itamar_maman OP

Created Feb ’22

Replies 3

Boosts 0

Participants 4

Hey, I would like to move the symbols and texts to the right side

That's the code:

NavigationView {
      VStack {
        List {
          Label (
            title: { Text("tv") }, icon: { Image(systemName: "tv") }

צילום מסך 2022-02-02 ב-1.03.30.png

How do you do that? Thanks in advance for the answers!

Answered by robnotyou in 703433022

Set frame and alignment:

.frame(maxWidth: .infinity, alignment: .trailing)

Within the List, "Group" your items, so that frame and alignment apply to them all:

NavigationView {
    VStack {
        List {
            Group {
                Label(title: { Text("tv") }, icon: { Image(systemName: "tv")})
                Label(title: { Text("another tv") }, icon: { Image(systemName: "tv")})
            }
            .frame(maxWidth: .infinity, alignment: .trailing)
        }
    }
}

Boost

Answer 1

MobileTen OP

Feb ’22

Confirm the base language of the project used for localization. This should happen automatically based on your computer's or mobile device's default language, the project's default or base localization language without you having to force it.

0

Answer 2

Tomato OP

Feb ’22

HStack + Spacer() should work unless you have NavigationLink inside the list.

0

Answer 3

robnotyou OP

Feb ’22

Accepted Answer

Set frame and alignment:

.frame(maxWidth: .infinity, alignment: .trailing)

Within the List, "Group" your items, so that frame and alignment apply to them all:

NavigationView {
    VStack {
        List {
            Group {
                Label(title: { Text("tv") }, icon: { Image(systemName: "tv")})
                Label(title: { Text("another tv") }, icon: { Image(systemName: "tv")})
            }
            .frame(maxWidth: .infinity, alignment: .trailing)
        }
    }
}

1