SDK personnalisé Flutter de forme de carte

Question

Je viens de commencer à apprendre Flutter et j'ai développé une application avec GridView. Les éléments GridView sont des cartes. La forme de carte par défaut est Rectangle avec un rayon de 4.

Je sais qu'il existe une propriété de forme pour Card Widget et qu'elle prend la classe ShapeBorder. Mais je suis incapable de trouver comment utiliser la classe ShapeBorder et personnaliser mes cartes dans GridView.

Merci d'avance.

Answer 1

Vous pouvez l'utiliser de cette façon

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,
  ),
),