iOS Stack view issue on iOS 10 and earlier

Question

I've a table view cell with a label, text field and a stack view with two buttons in it. For the label, I've used a minimum font scale of 0.5 so that it can shrink text in iPhone SE and iPhone 5. The layout for iPhone 5s is as follows:

The layout works good on all phones in iOS 11 but in iOS 10 and 9, the layout is as follows for iPhone 5s only.

I tried the following but nothing solved the issue:

Tried all alignment and distribution combinations.
Reduced spacing in the stack view.
Added width constraint to the first button.

I'm not sure what's going wrong here as the layout is working good for iPhone 5s and SE in iOS 11 device and simulators. Your help will be grateful.

Set "compression resistance" property of label to 240. It will work — Ankit Jayaswal, Sep 17 '18 at 12:17

score 2 · Accepted Answer · answered Sep 17 '18 at 12:40

2

Assign the leading-trailing-top-bottom constraints to main stack view with label, text-field, button1, button2.

Set Horizontal Compression Resistance property of label to 248.

Set Horizontal Hugging Priority property of text-field to 248.

answered Sep 17 '18 at 12:40

Ankit Jayaswal

5,549
3
16
36

Ankit, I've edited the question. There are only those two buttons within the stack view. The label and text field are not in the stack view. – Naveen George Thoppan Sep 17 '18 at 12:52
You can keep all the items in same stack view, it would be more appropriate. – Ankit Jayaswal Sep 17 '18 at 12:53
It's weird as this exists only in iOS 10 and below – Naveen George Thoppan Sep 17 '18 at 12:57
I think it should work fine if you give width constraints to both the buttons – Ankit Jayaswal Sep 17 '18 at 13:01

iOS Stack view issue on iOS 10 and earlier

1 Answers1