Ask the assistant
0/400
Your question is processed by an AI service and kept to improve answers. Do not enter personal data.

    Expanded

    This page has not been translated into English yet. The Russian original is below.

    Растягивает дочерний элемент на всё доступное пространство внутри Row или Column.

    Тип: single-child

    Row
      Expanded
        Text "Занимает всё пространство"
      Icon arrow_forward_ios

    Параметры

    Параметр Тип Default Описание
    flex int 1 Коэффициент растягивания относительно других Expanded в том же контейнере

    Примеры

    Равномерное распределение

    Row
      Expanded
        Text "Левая часть"
      Expanded
        Text "Правая часть"

    Неравномерное распределение

    Column
      Expanded flex:2
        ColoredBox color:#36345E
          Center
            Text "Верх (2/3)"
      Expanded flex:1
        ColoredBox color:#585593
          Center
            Text "Низ (1/3)"

    Best practices

    • Используется только как прямой потомок Row или Column
    • При одинаковых flex пространство делится поровну

    See also

    • Row — горизонтальный контейнер
    • Column — вертикальный контейнер
    • Spacer — невидимый гибкий пробел (аналог Expanded без содержимого)
    DOCS
    dark_mode_baseline
    RU/EN
    menu_baseline