Center

Последнее обновление: 21.06.2020

Center располагает вложенный элемент по центру. Он унаследован от класса Align, поэтому во многом перенимает у него функционал. По умолчанию он растягивается по всей ширине и высоте контейнера, заполняя все его пространство.

Для создания виджета применяется следующий конструктор:

Center({Key key, double widthFactor, double heightFactor, Widget child})

Для установки вложенного элемента, к которому будет применяться центрирование, используется параметр child - в его качестве может выступать любой объект Widget, то есть любой виджет.

Дополнительные параметры widthFactor и heightFactor устанавливают коэффициент изменения ширины и высоты виджета Center относительно вложенного дочернего элемента. Например, если widthFactor равен 2.0, то ширина виджета Center будет равна ширине дочернего элемента, умноженной на 2.0. То же самое касается и heightFactor, только он изменяет высоту.

Например, разместим по центру небольшой текст с использованием виджета Center:

import 'package:flutter/material.dart';

void main() {
  runApp(Center(
      child:Text(
      'Hello Flutter',
      textDirection: TextDirection.ltr,   // текст слева направо
    )
  )
  );
}
Виджет Center в Flutter

Фактически этот код будет равносилен следующему:

import 'package:flutter/material.dart';

void main() {
  runApp(Align(
    alignment: Alignment.center,
      child:Text(
      'Hello Flutter!',
      textDirection: TextDirection.ltr
    )
  )
  );
}
Помощь сайту
Юмани:
410011174743222
Перевод на карту
Номер карты:
4048415020898850