adaptive layout with LayoutBuilder

home.dart

import 'dart:developer';

import 'package:flutter/material.dart';

class HomePage extends StatefulWidget {
  HomePage({Key key}) : super(key: key);

  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(body: LayoutBuilder(
      builder: (BuildContext context, BoxConstraints constraints) {
        log(constraints.maxWidth.toString());
        if (constraints.maxWidth > 950) {
          // desktop
          return Text("desktop");
        } else if (constraints.maxWidth > 500) {
          // tablet
          return Text("tablet");
        } else {
          // mobile
          return Text("mobile");
        }
      },
    ));
  }
}