UIStackview not resizing when hiding the labels inside it

Question

Hi I'm new to UIStackViews.
So I have a vertical Stackview containing 8 Labels.
However, the problem with my Stackview is that whenever I hide the Labels inside it, my stackview does not resize.

The labels within the Red Rectangle are in my Stackview
When I hide those labels of the Stackview, I want my screen to look like this
However for some reason when I hide those labels, it looks like this instead with all the space visible and the stuff at the bottom doesn't go up

How do I fix this?
Here's how I hid the labels:

 override func viewDidLoad() {
        super.viewDidLoad()
        showingResultLabel.isHidden = true
        addressLabel.isHidden = true
        costOfKitLabel.isHidden = true
        costOfModularLabel.isHidden = true
        dispatchedFromLabel.isHidden = true
        kitHomecostLabel.isHidden = true
        modularHomecostLabel.isHidden = true
        dispatchFromLabel.isHidden = true

Thanks

it looks like you have to hide red area and move orange area up. and red area in stackview but the orange area is not in stack view . right?? — Hitesh Agarwal, Jul 22 '18 at 03:48
may be you set constraint to bottom label which don't let it go up. have you set bottom constaint equal to for "estimate de..." label — Hitesh Agarwal, Jul 22 '18 at 04:00
@HiteshAgarwal None of my labels, buttons have constraints and i still have this problem — Valysar, Jul 22 '18 at 04:02
you should add constraints. Because when you hide lebels in stackview stackview size changes but due to no constraint it won't move up. — Hitesh Agarwal, Jul 22 '18 at 04:06
Hitesh is right - you need constraints for your stackView, otherwise it doesn't know what size should it have. — Starsky, Jul 22 '18 at 21:07

score 1 · Answer 1 · answered Jul 22 '18 at 04:44

1

Just hide the labels works. You need to set constraints to make it work. I upload images of constraints.

stackview's constraint

answered Jul 22 '18 at 04:44

Hitesh Agarwal

1,943
17
21

user2621857 · Answer 2 · 2018-07-22T04:17:42.700

0

hiding a label inside stack view does not effect the height. I suggest that, when you want to show some detail (stackView contain some UILabel),

create the UILabel e.g:

 let label = UILabel()
   label.textColor = .black
   label.text = ""
   label.backgroundColor = .clear

then add the UILabelView to the stack view

stackViewName.addArrangedSubview(label)

at the end, instead of hide a label inside stack view, you have to remove the UILabel from the stack view

stackView.removeArrangedSubview(label)

so i think this will effect the hight of your stackView .

edited Jul 22 '18 at 04:17

answered Jul 22 '18 at 04:02

user2621857

51
7

" first add the parameter to the UILabel then add the UILabelView to the stack view" sorry what does this mean – Valysar Jul 22 '18 at 04:07
Alright I tried that but it still did not push the stuff at the bottom to the top – Valysar Jul 22 '18 at 04:28
ok then, you can set the stackView height statically after removing the object stackView.frame.size.height = 0 – user2621857 Jul 22 '18 at 04:32

UIStackview not resizing when hiding the labels inside it

2 Answers2