Sobes.tech
Junior

Какво е widget Container във Flutter и какви са основните му свойства?

sobes.tech AI

Отговор от AI

Container — това е удобен widget, който може да се използва за добавяне на градиенти, маржове, рамки, фонове и трансформации към други widgets.

Основни свойства:

  • alignment: Подрежда дъщерния widget вътре в контейнера.
  • padding: Вътрешен отстъп между ръба на контейнера и съдържанието му.
  • color: Цвят на фона на контейнера.
  • decoration: Позволява задаване на по-сложни декорации като градиенти, сенки, заоблени ъгли и фонови изображения. При използване на decoration не може да се използва отделно свойството color.
  • foregroundDecoration: Декорация, рисувана върху дъщерния widget.
  • width: Ширина на контейнера.
  • height: Височина на контейнера.
  • constraints: Допълнителни ограничения за размера на контейнера.
  • margin: Външни отстъпи около контейнера.
  • transform: Прилага трансформация към контейнера и съдържанието му.
  • child: Widget, който е дъщеря на контейнера.

Пример за използване:

Container(
  padding: const EdgeInsets.all(16.0), // Вътрешен отстъп
  margin: const EdgeInsets.symmetric(vertical: 10.0), // Външни отстъпи
  decoration: BoxDecoration( // Декорация с цвят и заоблени ъгли
    color: Colors.blue,
    borderRadius: BorderRadius.circular(10.0),
  ),
  child: const Text( // Дъщерен widget
    'Hello, Container!',
    style: TextStyle(color: Colors.white),
  ),
);