Label and systemImage not aligning properly

Question

rsluman OP

Created Jun ’20

Replies 8

Boosts 0

Views 2.6k

Participants 7

Anyone knows why the text and image in this Label don't align like they do in the example app?

Code Block Label("Why is this happening?", systemImage: "flame.fill")

In my preview, the image is not centered vertically, unlike in the example app.

Boost

Answer 1

_francois_ OP

Jun ’20

Same issue for me! Image is in front of the text, but a bit above it.

0

Answer 2

mtsrodrigues OP

Jun ’20

I've noticed this too and I believe it’s because Label is made to be used in specific places, like in a tab item.

0

Answer 3

rsluman OP

Jun ’20

So why isn't it happening in the Sandwiches demo video?

1

Answer 4

Claude31 OP

Jun ’20

This seems to be a bug in the beta iOS 14:

https://www.hackingwithswift.com/quick-start/swiftui/how-to-show-text-and-an-icon-side-by-side-using-label

PS: in the original post, would be helpful to specify that you were testing on iOS 14

0

Answer 5

rsluman OP

Jun ’20

No, this happens in MacOS 10.16 / 11 as well.

Re. original post testing on iOS 14: can be assumed from the wwdc20 tag.

0

Answer 6

ryanthomas1217 OP

Jun ’20

Had the same issue as well, seems like a bug. This code fixed it for me:

Code Block          HStack {
          Spacer()
          Image(systemName:"flame.fill")
          Text("Spicy")
          Spacer()
        }

1

Answer 7

serff OP

Jun ’20

Happening for me as well. I submitted to the Feedback Assistant linking to this post. Definitely inconsistent with their demo and expected behavior. Hope they fix it quickly!

0

Answer 8

Documentation Engineer OP

Apple

Jun ’20

This is a known issue. Please see the iOS & iPadOS 14 Beta Release Notes.

2