Swift horizontal stackView looks odd in storyboard

Asked Aug 12 '16 at 17:08

Active Feb 03 '17 at 17:51

Viewed 466 times

I have setup a horizontal stackView in my app that holds two labels. One label has static content and the other label has dynamic content depending on json data. What I want is to center the total width of my two labels.

The stackView looks odd in the storyboard but fine in my simulator/device.

If I click on my stackView I get these orange lines, but they stay the same if I refresh the view in storyboard. The stackView constraints is: Center X to superview and buttom space 5to the orange button bellow. So only two constraints.

And my StackView settings are Alignment:Center and Distrubution:Fill

I have no contraints setup for the labels inside.

But if I run my app it works and look like this in the simulator:

Both Category and All Categories have the same spacing to the superView.

So am I missing some contraint to my stackView since it wont display the same in the sotryboard?

edited Jun 20 '20 at 09:12

Community

asked Aug 12 '16 at 17:08

user2722667

8,195
14
52
100

did you try update frames on your storyboard? – Reinier Melian Aug 12 '16 at 17:35
I have this every time I use nested stack views in IB. I figure it's an Xcode bug. I've stopped using Stack Views in IB because of this (and the build warnings it emits). – Graham Perks Aug 12 '16 at 17:52
It's a Xcode 7.3 bug, you can find here the solution https://stackoverflow.com/a/36941290/2477632 Hope that helps – HamzaGhazouani Aug 19 '16 at 12:33

Swift horizontal stackView looks odd in storyboard

0 Answers0