你知道为什么滚动视图中的堆栈视图不适合模拟器吗？

Question

hello every one basically I want to fit stack view in scroll view in my Xcode design it's ok, and I have not an error but unfortunately in simulator really different about design, and here is my stack view and scroll view constraints and also I bring the result in simulator:

and also this is my one of content constraints that all of view like this are horizontally and vertically in container alignment:

could you tel me what's your opinion to solve this matter?

Answer 1

The reason why the each content is piling up like the result in simulator is because scroll view unable to calculate content height and also each content constraint has the center point set up to be the same as another (or the same as stack center)

What you can do to fix the UI is

1. Set the first content top constraint to stack view top
2. Set the next content top constraint to last item bottom
3. Set the last item bottom constraint to stack view bottom
4. Set each item height and width

So in summary, each view should have this constraint:

1. top constraint equal (or add some margin) to previous view bottom constraint, except for first view where it should be equal to stack view top
2. bottom constraint equal (or add some margin) to next view top constraint, except for last view where it should be equal to stack view bottom
3. height constraint
4. width constraint
5. remove center x and y constraint

That way scroll view can calculate its content height