web-dev-qa-db-ja.com

カスタムカードシェイプフラッターSDK

Flutterの学習を始めたばかりで、GridViewでアプリを開発しました。 GridViewアイテムはカードです。デフォルトのカード形状は、半径4の長方形です。

Card Widgetにはshapeプロパティがあり、ShapeBorderクラスが必要です。しかし、ShapeBorderクラスの使用方法を見つけてGridViewでカードをカスタマイズすることはできません。

前もって感謝します。

flutterflutter-layout
17
Hammad Tariq

使用できます この方法

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