iOS/Swift: Dynamically size UIStackView when one of its items gets larger

Question

I have two items in a vertical UIStackView: a UILabel and a UITableView. When a dynamic amount of UITableViewCells get added to the UITableView at runtime, the UIStackView does not get larger.

Is there a general way to increase the size of the UIStackView?

Siriss · Accepted Answer · 2018-08-24T19:49:46.493

29

You should call sizeToFit() and layoutIfNeeded() on the subviews of the stackView. Constrain the UIStackView as you normally would, and constrain the subviews as you normally would.

Also, you need to have it set to Fill Proportionally and it will resize to fit the new content.

edited Aug 24 '18 at 19:49

answered Jun 30 '17 at 03:35

Siriss

3,737
4
32
65

Call them at instantiation or each time the `UITableView` is updated? – jshapy8 Jun 30 '17 at 03:39
Try calling them in `viewWillLayoutSubviews` – Siriss Jun 30 '17 at 03:50
2

viewWillLayoutSubviews is a method in the UIViewController, so I don't understand the answer: "You should call sizeToFit() and layoutIfNeeded() inside viewWillLayoutSubviews on the subviews of the stackView." – Gob Aug 24 '18 at 16:18
Superb answer. I was facing some problem similar to this from 2 days and this suggestion saved my life. – Abhishek Khedekar Sep 14 '20 at 18:42
Thanks! For those interested also in better understanding distribution and alignment, check out this article: https://medium.com/better-programming/uistackview-distribution-vs-alignment-146b9612e24c – Andy Weinstein Nov 10 '20 at 10:29
if I to add spacing either with the `spacing` property or with constraints between elements, my last element in the stack view start to be resized, ignoring the height constraint – Mando Jul 28 '22 at 19:36

score 16 · Answer 2 · answered Jun 30 '17 at 02:39

16

Make sure you don't have a bottom constraint of a height constraint on the stackview. You should only need left, right and top constraint.

answered Jun 30 '17 at 02:39

NeroSeph

161
1
3

1

A `UIStackView`with with or without constraints does not seem to dynamically increase unless you add another element to it. – jshapy8 Jun 30 '17 at 02:42
I will look into that – jshapy8 Jun 30 '17 at 03:40
1

NOTE: Just in case if anyone adding constraint for stackview from bottom for dynamic cell in table, then use >= constraint rather than = – Abhishek Thapliyal Jan 12 '19 at 06:08
@AbhishekThapliyal >= also didn't work for me. But removing the bottom constraint did. – Fengson Sep 24 '20 at 14:13
I tried to use `=` but with lower priority (like 500) and it start to auto-layout a cell better – Mando Jul 28 '22 at 20:18

score 12 · Answer 3 · answered Feb 03 '20 at 12:59

12

I had this on iOS 12, while it was working fine on iOS 13. Just set:

stackView.distribution = .fillProportionally

Fixed it :)

answered Feb 03 '20 at 12:59

Urkman

1,298
1
16
32

score 5 · Answer 4 · answered Dec 13 '19 at 07:15

5

you one need to fill proportionally and it will work according to your code

answered Dec 13 '19 at 07:15

Muhammad Iqbal

109
1
9

iOS/Swift: Dynamically size UIStackView when one of its items gets larger

4 Answers4