Flutter App UI | Hiking Trails App UI | OnBoarding, Home, Trails Details Screens | Speed Code
#TheTechDesigner
#Flutter #FlutterUI #SpeedCode #FlutterTutorial #FlutterAnimation #FlutterWidgets
━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━
Some Cool Gadgets :-
━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━
► Wire Organizer + Charging & Stand Station - https://amzn.to/3q1VEdw
► wireless keyboard - https://amzn.to/3iuENxv
► Laptop Stand - https://amzn.to/3lK4VGM
► Table Lamp - https://amzn.to/2Vt0K7P
► 6-Socket Surge Protector Universal Socket - https://amzn.to/3AiBlfA
━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━
Topics Covered :-
━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━
► How to Make OnBoarding/Splash Screen/Page
► How to Make Home Screen/Page
► How to Make Trails Details Screen/Page
► How to Make Hiking Trails App UI form Scratch
► How to Create New Flutter App
► How to Use Custom Font
► How to Use ListView (Horizontal)
► How to Use Container
► How to Use Icons
► How to Use MediaQuery
► How to Use Alignment
► How to Use Padding
► How to Use Widget
► How to Use Stack
► How to Use BoxDecoration
► How to Use BorderRadius
► How to Use Text
► How to Use TextStyle
► How to Use TextAlign
► How to Use Navigator
► How to Use Center
► How to Use MaterialPageRoute
► How to Use Image
► How to Use Row
► How to Use CrossAxisAlignment
► How to Use MainAxisAlignment
► How to Use GestureDetector
► How to Use Positioned
► How to Use List
► How to Use String
► How to Use Color
TimeStamps :-
0:00 Intro
0:14 Create New Project
1:03 Add Assets in Projects ( Fonts, Icons, Images )
1:48 Set App Theme ( Color and Fonts )
2:14 Add Custom Fonts
4:46 OnBoarding Screen
12:06 Home Screen
31:00 Trails Details Screen
━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━
Design Credit :- Tomáš Váňa • UI/UX Designer
━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━
Competition: https://app.crowwwn.com/users/3836
Instagram: instagram.com/tomasvana.design (@tomasvana.design)
You will learn to create beautiful UI and WIDGET for applications.
If you liked the video, then please show me by hitting the like button for video.
━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━
Other Videos
━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━
► Watch Store App UI - • Flutter App UI | Watch Store App UI |...
► Food Recipes App UI - • Flutter App UI | Food Recipes App UI ...
► Food Menu App UI - • Flutter App UI | Food Menu App UI | O...
► E-Bike/Scooter App UI - • Flutter App UI | E-Bike/Scooter App U...
► Furniture Shop App UI - • Flutter App UI | Furniture Shop App U...
SUBSCRIBE FOR MORE VIDEOS LIKE THIS
LIKE & SHARE
THANKS FOR WATCHING!
