Пользовательская форма карточки Flutter SDK

Я только начал изучать Флаттера, и я разработал приложение с GridView. Элементами GridView являются Card. Форма карты по умолчанию - прямоугольник с радиусом 4.

Я знаю, что есть свойство формы для Card Widget, и он принимает класс ShapeBorder. Но я не могу найти, как использовать класс ShapeBorder и настраивать свои карты в GridView.

Заранее спасибо.

Ответы

Ответ 1

Вы можете использовать его таким образом

enter image description here

Card(
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(15.0),
  ),
  child: Text(
    'Card with circular border',
    textScaleFactor: 1.2,
  ),
),
Card(
  shape: BeveledRectangleBorder(
    borderRadius: BorderRadius.circular(10.0),
  ),
  child: Text(
    'Card with Beveled border',
    textScaleFactor: 1.2,
  ),
),
Card(
  shape: StadiumBorder(
  side: BorderSide(
    color: Colors.black,
    width: 2.0,
  ),
),
  child: Text(
    'Card with Beveled border',
    textScaleFactor: 1.2,
  ),
),