Boss Responsive Layout | flutter responsive design | responsive animation
by Kosiso Onuchukwu youtube.com
53 min 336 views
All about flutter responsive layout and animating layout transition. . Checkout Youtube Channel for more here: https://youtube.com/@kosidev_show . . Find the full codebase here: https://github.com/KOSIDOCS/flutter_all_layout . . . Hit me up on my Socials here: . Instagram: https://lnkd.in/dBz-diJ . Twitter: https://lnkd.in/daZzjVYr . Twitch: https://lnkd.in/dZBRdh7S . Get my pre-built UI kit here: https://lnkd.in/dHvfTJQZ . For Mentorship, Get on here: https://lnkd.in/dMN9nDMr. . TimeStamps 0:00 Intro 1:12 Talk 4:40 Using Flex Widget for Horizontal layout 9:02 Using Flexible Widget 12:28 Using Positioned Widget (And what is Stack?) 15:10 Using Align Widget instead of Positioned 18:40 Using SingleChildScrollView / ListView for Scroll 20:46 Fix Desktop App Gesture and Scroll issues 24:52 Make Layout Responsive 29:18 Add Transition Animation to Responsive Layout 33:21 Using Animated Builder for custom Animations 39:33 Set minimum size for window resize using window_size package 44:40 Add Navigation drawer 46:00 Advice 50:37 Testing on Web and Mobile 52:15 Thanks!! ### Subscribe and Join for more videos on layout.
Made by
Kosiso Onuchukwu @kosisoonuchukwu 🇺🇸 United StatesAvailable for hire
I am a Software engineer and love working with techs like Flutter, SwiftUI, VueJS, ReactJS and many more out there. Been learning and working with GO and Rust l...
View Kosiso on Flutter ProTopics Navigation and routing Animations Testing
More like this
Article 9 min readCreating responsive Flutter application using Material Design using a navigation drawer
The navigation drawer is one of the most common ways to provide a user with access to various destinations with an application. As Flutter can now be used to target other platforms...
Read on dexterx.dev
Article 7 min readGetting to the Bottom of Navigation in Flutter
by Hans Muller
Bottom navigation in mobile apps is popular because our phones keep getting bigger but our thumbs do not. Here’s how to do it in Flutter.
Read on medium.com
Video 5 minHow to Build a Bottom Navigation Bar with Nested Routes Using Flutter Go Router
by HeyFlutter․com
Watch on YouTube- Article 9 min read
Integrating Bottom Navigation with Go Router in Flutter
TLDR: This article explores the powerful features of Go Router, a routing library for Flutter. It showcases how Go Router facilitates…
Read on medium.com