I'm designing an mobile app for both iOS and Android, which includes a form. The form has several required input fields that the user needs to complete before continuing.
If the user clicks Continue before typing in everything required, an error message would pop up under the field. All okay so far.
But, according to the iOS developers on my team, it's impossible (or at least difficult) to make something appear in the layout that pushes the rest of the content down. This is not a problem on Android apparently.
I don't know enough about developing for iOS, and I struggle to find a decent alternative for the iOS developers, so my questions are:
- Is this really a problem when developing for iOS?
- Should I make space for the error message below the input field, before it's displayed?
- Are there any other good solutions to displaying the error message, that doesn't push the content down?
Here's a screenshot to showcase my problem. I've also made an example where I have reserved space for the error message, but I don't think it looks pretty good to have so much space between the elements, when it's not gonna be consistent throughout the app.