Loose and tight constraints

Начинающим разработчикам знакома ситуация, когда виджет «игнорирует» переданные параметры — хотя размеры явно указаны. Вот мы указали явный размер для контейнера, ожидая получить квадрат 100х100:

MaterialApp(
  home: Container(
          width: 100,
          height: 100,
          color: Colors.red,
        ),
), 

Но контейнер всё же растянется на весь экран. В карточках разобрали, почему так происходит.

Ссылки на DartPad:
🔵 Пример из поста
🔵 Как узнать ограничения
🔵 Изменяем ограничения
🔵 Устанавливаем свои ограничения