Flutter ListView内のCardの横幅を設定するサンプル

2023年10月12日

環境
Windows11 pro 64bit
Flutter 3.3.7

構文

ListView(
  children : [
     SizedBox(
        width: //横幅, 
        height://高さ,

SizedBoxに設定したい横幅を引数「width」で指定します。
引数「height」で高さを設定します。

使用例

ListView.builder(
  shrinkWrap: true,
  itemCount: 5,
  itemBuilder: (context, index) {
    return Align(
      alignment: Alignment.center,
      child: SizedBox(
        width: 200,
        height: 50,
        child: Card(
          color: Colors.green,
        ),
      ),
    );
  },
),