Flutter: Responsive Login UI (Increase Your App's User Experience)
#flutter #flutterui #responsive #flutterResponsive #responsiveUI #speedcode
In this video, we will make the responsive layout for the web admin login page and mobile view login page. In the complete project #raleway font family is used , so for this we will take google fonts package from #pub.dev.
We will learn:
► Responsive Login UI - Web, Desktop and Mobiles
► Custom class for colors in flutter
► Custom class for images in flutter
► Custom class for font family in flutter
► how to use google #fonts package in #flutter project
► how to use #flutter_svg packaga in flutter project
► Source code: https://github.com/flutter99/responsi...
► Time Stamps:
00:00 Intro
00:45 Package added from pub.dev
01:36 Custom class for app colors
02:25 Start work on login screen
07:32 Assets export from figma
08:04 Custom icon class for app icons
12:58 Responsive widget create
13:36 Make Screen Responsive
15:37 Final output on web and mobiles
So, in this way we can make the responsive screens for app and web by using the flutter framework and dart language.
Related Videos Link:
Flutter - How to use Flutter Zoom Drawer in #flutter projects (2022) :
• Flutter Zoom Drawer: A Quick Guide to Awes...
How to use flutter_native_splash package:
• Flutter's Native Splash Screen: Everything...
How to change app icon, name and package name in flutter app:
• Flutter Customization Techniques: Make You...
A flutter counter app with GetX:
• I Tried State Management in Flutter, and T...
Flutter Counter App with #provider State Management
• The Best Flutter State Management Solution...
Thanks for watching!
Make sure to like + Subscribe For More!