DESIGN CHALLENGE

Supporting different screen sizes in Flutter

Developer nightmare

In many companies, developer gets just one generic screen from the designer, that needs to be implemented for all screen sizes. Developer nightmare, wouldn’t you agree?

So, here is the design I’ve found online, that I really liked:

https://ui8.net/royalz-store/products/lynda-ios-ui-kit

I’ve chosen to implement just the Login screen and this is how it looked after few hours of coding:

I didn’t have the original assets, so I’ve used what had at the moment - Raleway and Kaushan Script fonts and the Material icons.

I was happy, looks great, but then the KEYBOARD showed up, the hole UI just collapsed! huh..

Okay… another hour, few adjustments… with keyboard on, this is how it looks now: