why autolayout preview and actual device do not match

Question

I am doing xamarin.ios and I am doing the UI ie autolayout in xcode.

In xcode preview ... I am able to see the UI is good but in the device in some of the devices UI is not as it appears in preview.

such as iPhone 5s,iPhone 6s plus.

Can somebody explain me on why it happens and how to fix this

thanks

Answer 1

There is a lot of reasons causing autolayout errors. Some of them because of different screen ratio, some of them because of different iOS versions.

You shold look into your debugger output and check for messages like this:

Unable to simultaneously satisfy constraints.
    Probably at least one of the constraints in the following list is one you don't want. Try this: (1) look at each constraint and try to figure out which you don't expect; (2) find the code that added the unwanted constraint or constraints and fix it. (Note: If you're seeing NSAutoresizingMaskLayoutConstraints that you don't understand, refer to the documentation for the UIView property translatesAutoresizingMaskIntoConstraints)
(
    "<NSLayoutConstraint:0x7fc82d3e18a0 H:[UIView:0x7fc82aba1210(768)]>",
    "<NSLayoutConstraint:0x7fc82d6369e0 H:[UIView:0x7fc82aba1210]-(0)-|   (Names: '|':UIView:0x7fc82d6b9f80 )>",
    "<NSLayoutConstraint:0x7fc82d636a30 H:|-(0)-[UIView:0x7fc82aba1210]   (Names: '|':UIView:0x7fc82d6b9f80 )>",
    "<NSLayoutConstraint:0x7fc82d3e7fd0 'UIView-Encapsulated-Layout-Width' H:[UIView:0x7fc82d6b9f80(50)]>"
)

Than just debug it.