Flutter 横スクロールのListViewでCardを使うサンプル

2023年9月24日

環境
Windows11 pro 64bit
Flutter 3.3.7

構文
SizedBox(
width: 横幅,
child: Card(),//CardをSizedBoxの「child」に指定
)
横スクロールのListViewでCardを使用するには、SizedBoxの「width」で横幅を設定します。

使用例

child: ListView(
  scrollDirection: Axis.horizontal,
  children: [
    for (var i = 0; i < 5; i++)
      SizedBox(
        width: 100,
        child: Card(
          color: Colors.red,
        ),
      ),
  ],
),