Card

Card — поверхность со скруглёнными углами и тенью, на которой лежит связанное между собой содержимое: карточка товара, заведения, профиля.

Карточки товаров и профилей команды

Как добавить

  1. Перетащите Card из раздела Layout Elements в Widget Palette.
  2. Вложите в неё компоновочный виджет — Row или Column.
  3. Разложите содержимое внутри него.

Card или Container

Card берут, когда нужна материальная поверхность с готовой тенью, скруглением и фоном. Container — когда важен контроль над размерами, выравниванием, рамкой, градиентом и прочим оформлением.

Карточки с данными

Чтобы вывести набор записей, положите Card внутрь ListView или GridView и сгенерируйте динамических потомков из списка или запроса к бэкенду. Виджеты внутри карточки привязываются к текущему элементу — картинке товара, названию, цене, имени пользователя.

Настройки

Выделите Card и откройте Card Properties:

  • Color — цвет поверхности.
  • Elevation — высота тени. 0 убирает тень.
  • Border Radius — скругление углов: одно значение на все или своё для каждого.
перевод официальной документации FlutterFlow

обновлено

ESC