https://github.com/dariowskii/flutter_layout_demo

Demo Flutter responsive con LayoutBuilder
https://github.com/dariowskii/flutter_layout_demo

demo flutter layoutbuilder ui ux

Last synced: 4 days ago
JSON representation

Demo Flutter responsive con LayoutBuilder

• Host: GitHub
• URL: https://github.com/dariowskii/flutter_layout_demo
• Owner: dariowskii
• Created: 2023-01-28T14:33:58.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2023-01-29T15:43:17.000Z (about 2 years ago)
• Last Synced: 2024-12-07T12:41:50.728Z (2 months ago)
• Topics: demo, flutter, layoutbuilder, ui, ux
• Language: C++
• Homepage:
• Size: 285 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# flutter_layout_demo

Demo creata per il Meetup [CounterApp & Flutter Forward Extended Modena](https://www.meetup.com/it-IT/flutter-modena/events/290997993/) incentrata sull'uso del `LayoutBuilder`:

File: [home_screen.dart](./lib/screens/home_screen.dart)

```dart

class HomeScreen extends StatelessWidget {

  const HomeScreen({Key? key}) : super(key: key);

  @override

  Widget build(BuildContext context) {

    return LayoutBuilder(builder: (context, constraints) {

      if (constraints.maxWidth >= 1024) {

        return const DesktopHomeScreen();

      }

      if (constraints.maxWidth >= 600) {

        return const TabletHomeScreen();

      }

      return const MobileHomeScreen();

    });

  }

}

```

Made with ❤️ by [Dario Varriale](https://www.linkedin.com/in/dario-varriale/).