First of all I had to use term “Flutter mobile app”, because Flutter is no longer a mobile app development framework. The Dash(Flutter mascot) has landed on WEB and Desktop. But here I’m covering mobile side only that’s why.

Most of the Flutter devs or any other hybrid mobile app devs are Native to either iOS or Android or have some minimum knowledge in either platform. Eventually your skills will grow up as you start working on Flutter and you’ll learn about standard protocols for securing your mobile app.

Have you seen Apple iOS’s parallax wallpaper? If you enable “Perspective Zoom” in your iOS’s wallpaper setting, you’ll find your HomeScreen will respond visually as per your device’s tilt/position. It’s simple eye trickery but it looks impressive.

Here is an example of what we’re gonna build today.

Creating Flutter UI For multiple resolutions

As we all know flutter is a hybrid platform, sure it can run on most of the android and iOS devices without rewriting the code.

But supporting all these phones UI wise is not easy, can you imagine
supporting 24,000+ android and 15+ iOS devices.
and most of the devices have new standard for screen ( aspect ratio ).

We can’t completely support all the resolutions, and thats also true for native apps , but here we will try to minimise the overflow that can happen on future devices or on weird aspect ratio…

Abhi Tripathi

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store