Создаем портфолио за 1 месяц
К концу месяца: 4 классных проекта в вашем портфолио! Стоимость: 100$. Подробности...
33 of 1024 menu
◀ ▶

Виджет ConstrainedBox

Виджет ConstrainedBox накладывает на дочерний виджет свои BoxConstraints. Минимальная ширина не даст блоку сжаться сильнее, максимальная не даст растянуться шире. Ограничения родителя при этом тоже остаются в силе.

Синтаксис

ConstrainedBox( child: child, )

Параметры

Параметр Описание
child Дочерний виджет или список дочерних виджетов.

Пример

Давайте применим ConstrainedBox на экране:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: ConstrainedBox( child: Text('abcde'), ), ), ), ); }

На экране строка 'abcde'. Предел размера задают в constraints, без них виджет ничего не меняет.

Пример

Давайте соберём второй пример с ConstrainedBox:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: ConstrainedBox( child: Text('abcde'), ), ), ), ); }

Второй пример устроен так же.

Смотрите также

  • виджет LayoutBuilder,
    который строит виджет по constraints родителя
  • виджет Baseline,
    который выравнивает дочерний виджет по базовой линии текста
  • виджет IntrinsicHeight,
    который подгоняет высоту по intrinsic дочерних виджетов
  • виджет IntrinsicWidth,
    который подгоняет ширину по intrinsic дочерних виджетов
← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить