Stack view within a scroll view doesn't scroll

Question

I've been having such a hard time with this issue for the past 2 days. The structure I'm looking for is as follows:

I want to have a scroll view take up the entire screen so that it's scrollable vertically.
I want the image view to be added at the top of the scroll view and a vertical stack view to be added to below.

The key point is for the vertical stack view to increase in its height dynamically depending on the content.

First, I just tried adding the stack view without the image view just to test out the dynamic scrollable height. Followed the SO answer from here:

Added the scroll view with 0, 0, 0, 0 constraints.
Added the stack view to the scroll view. Set the constraints to the Content Layout Guide, 0, 0, 0, 0 constraints.
Set the width of the stack view to be equal the scroll view.

This gave me a constraint error saying I need to set a fixed height for the scroll view. Adding the constraint doesn't let me scroll. I tried pinning the stack view to the scroll view directly, and not to the Content Layout Guide, but still doesn't work.

I followed Apple's documentation on the scroll view and added a content view within the scroll view before pinning the stack view to the content view:

This doesn't scroll either.

The stack view's distribution was either set at equal spacing or fill.

Please help.

Have you tried setting fixed height constraints to all the views inside stackview? For eg, set height of 300 to all views and check if the scroll view is scrolling with that setup. — Jithin
– Jithin, Commented Aug 16, 2020 at 18:27
Your contentView trailing constraint should be equal to the content layout guide trailing with a 0 constant. Why did you add a constant of 414? — rs7
– rs7, Commented Aug 16, 2020 at 19:19
That was automatically added. But that just pertains to the width and wouldn't effect the vertical scrolling, right? — Kevvv
– Kevvv, Commented Aug 16, 2020 at 19:26
Actually... you need to remove contentView.bottom = frame layout guide.bottom. That's most likely the problem here. — rs7
– rs7, Commented Aug 16, 2020 at 21:19

Jithin · Accepted Answer · 2020-08-16 19:47:28Z

4

This answer did work for me.

Add the scroll view and pin four edges to safe area. Make sure value of constraints is 0.

Add the stackview inside scrollview and pin four edges to scrollview with constraint value 0.

Set stack view's width equal to scroll view's width.

Add as many views inside stackview.

To test if scrolling works, set fixed height for views inside stackview to make sure that scrollview has scrollable height. Then with the stackview selected, drag with two fingers inside the viewcontroller. The stackview should scroll within the scrollview.

This is how the constraints are set:

answered Aug 16, 2020 at 19:47

Jithin

9535 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Stack view within a scroll view doesn't scroll

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related