UIScrollView height while adding content programmatically in UIStackView

Question

I am trying to make a view containing an UIScrollView. This UIScrollView contains 3 UIViews. The last one contains another UIStackView I wanted to fill at runtime.

Here an image of the storyboard :

But when I add content at runtime in the second UIStackView, the ScrollView's height remains the same.

The second UIStackView is defined as the first one with:

• Axis : vertical
• Alignment : Fill
• Distribution : Equal Spacing

Then I use :

mStackView.addArrangedSubview(matProgress)

The result below :

What's the way to have the bottom view and the ScrollView stretch to fit the content.

Answer 1

The layout can be done with auto-layout and constraints.

The key points are:

• do not set height constraints on either StackView
• set the "Main" StackView Distribution to Equal Spacing
• set the "Main" StackView Leading, Trailing, Top and Bottom constraints to its Superview (which is the ScrollView)
• you do need to also set a width constraint on the "Main" StackView to control the horizontal contentSize

The only quirk will be on startup. If you have NO content in the bottom / inner StackView, it will still "exist" in the Main StackView and take up space. There is a trick to get around that, but it must be done in code.

You can see a working example here: https://github.com/DonMag/StackyScrolly