Skip to content
Hallway
0:00 / 0:00

#flutter#responsivedesign

Flutter Responsive UI

The Flutter Way

232K subscribers • 20 videos on Hallway

YouTube
  • Recommended by 1 person: 1 in engineering communities.

Intermediate. Assumes working knowledge.

35K views2 years ago1 recommendation

Mobile developmentWeb developmentFlutter and React NativeVue, Svelte, Angular and others

How to create a responsive layout widget in Flutter with breakpoints for mobile, tablet, and desktop screens.

Flutter supports Mobile, Web, and Desktop platforms. When developing a Flutter app for Web or Desktop, it's important to have a responsive UI because users can change the size of their screen. In this tutorial, I created a responsive.dart file, which includes a Responsive widget with three breakpoints for Mobile, Tablet, and Desktop. In the video tutorial, I will show you how to use this widget to make your Flutter app designs responsive. 🔗 Source code Flutter Dashboard: flutterlibrary.com/templates/responsive-admin-dashboard ►Support Us: patreon.com/theflutterway ►Flutter Templates & Components: flutterlibrary.com ► Social Media GitHub: github.com/abuanwar072 Twitter: twitter.com/theflutterway Twitter: twitter.com/abuanwar072 (my personal profile) Facebook: facebook.com/theflutterway ► Timestamps Intro Thanks for watching! Make sure to like + Subscribe For More!

Why it's here

1 person recommends this

What people say. Recommended as a quick guide to implementing responsive layouts across different screen sizes in Flutter.

u/Next_Location6116in r/FlutterDev • Recommends

On “Is it possible to learn Flutter in 10 days?”

Watch and follow these tutorials Day 1-2 Learn fundamentals, widgets & basic UI layouts link to this video UI basics + real layout build link to this video Full beginner crash course (widgets, nav, state) link to this video Rewatch to reinforce structure + layouts link to this video Simple weather UI project link to this video Quick starter setup for Flutter env link to this video Dart + Flutter fundamentals (language + OOP basics) Day 3-4 Strengthen basics + learn project structure/architecture link to this video 1hr beginner refresher link to this video Pizza App tutorial (architecture + folder structure) link to this video Provider state management full tutorial link to this video BLoC / Cubit introduction + clean state handling Day 5-6 Build an app f…
14View on Reddit