Flutter Adaptable layout

adaptable_row.dart

import 'dart:math';

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(body: AdaptableRow()),
    ),
  );
}

class AdaptableRow extends StatelessWidget {
  final minWidth = 500.0;

  @override
  Widget build(BuildContext context) {
    final screenWidth = MediaQuery.of(context).size.width;

    return SingleChildScrollView(
      scrollDirection: Axis.horizontal,
      child: ConstrainedBox(
        constraints: BoxConstraints(
          maxWidth: max(screenWidth, minWidth),
        ),
        child: Column(
          children: [
            Container(
              height: 200.0,
              child: Row(
                children: [
                  Expanded(
                    flex: 2,
                    child: Container(color: Colors.yellow),
                  ),
                  SizedBox(width: 10.0),
                  Expanded(
                    flex: 1,
                    child: Container(color: Colors.blue),
                  ),
                  SizedBox(width: 10.0),
                  Expanded(
                    flex: 3,
                    child: Container(color: Colors.green),
                  ),
                  SizedBox(width: 10.0),
                  Expanded(
                    flex: 1,
                    child: Container(color: Colors.pink),
                  ),
                ],
              ),
            ),
            SizedBox(height: 20.0),
            Text('Screen width: $screenWidth'),
          ],
        ),
      ),
    );
  }
}