Flutter 横スクロールのListViewでCardを使うサンプル
環境
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,
),
),
],
),
child: ListView(
scrollDirection: Axis.horizontal,
children: [
for (var i = 0; i < 5; i++)
SizedBox(
width: 100,
child: Card(
color: Colors.red,
),
),
],
),
child: ListView(
scrollDirection: Axis.horizontal,
children: [
for (var i = 0; i < 5; i++)
SizedBox(
width: 100,
child: Card(
color: Colors.red,
),
),
],
),