Auto layout constraints - Vertical spacing with one item of variable height

Question

I have 2 UILabels above 2 UITextFields. I would like the first UITextField to expand when the screen size allows it.

I set vertical spacings between each elements, and fixed height constraint for the UITextField at the bottom and a >= height constraint for the first one.

Below is a screenshot with what it looks like with the retina 3.5 form factor (<= iPhone 4).

But, it just doesn't work. Below is a screenshot of the storyboard with the retina 4 form factor (>= iPhone 5). The first UITextField overlaps the second one.

What constraints should I set ?

Answer 1

If i had it in front of me I'd play around with the compression resistance properties, which would be more elegant than fixed heights... however....a crude way of doing it that would work is:

1. You could have fixed height labels.
2. Fixed height bottom text view.
3. Pin the top text view to the bottom of the label. Pin the top label to the top of view.
4. Pin the bottom text view to the bottom of the view, pin it's label above it.
5. Pin the bottom of the top text view to the label below it.

Answer 2

The orange (-78) is Xcode's way of telling you you have a conflict between the frames of your layout and the autolayout constraints. Try looking at the storyboard warnings and fix the frame or fix the layout constraint.