limited_box.dart

/*
 * Dart & Flutter - Training
 * 
 * Copyright (c) Boris-Wilfried Nyasse
 * All rights reserved
 */
import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Formation Dart & Flutter',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Comprendre le LimitedBox'),
      ),
      body: Center(
        child: UnconstrainedBox(
          /*Here you won’t get an error anymore,
           * because when the LimitedBox is given
           * an infinite size by the
           * UnconstrainedBox; it passes a maximum
           * width of 100 down to its child.
           */
          child: LimitedBox(
            maxWidth: 100,
            child: Container(
              color: Colors.red,
              width: double.infinity,
              height: 100,
            ),
          ),
        ),
      ),
    );
  }
}