[Flutter]ListView.builderの要素数(itemCount)の設定方法

Flutter

2021.10.30

どうも、ちょげ(@chogetarou)です。

ListView.builderの要素数の設定方法を紹介します。

設定方法
1. 数値
2. 配列
まとめ

設定方法

ListView.builderの要素数を設定の仕方は、主に２パターンです。

数値

１つは、数値を指定するパターンです。

引数「itemCount」に、「５」や「１６」などの数値を指定します。

以下は、例です。

ListView.builder(
  itemCount: 20,
  itemBuilder: (context, index) {
    return /*Item*/;
  },
)

配列

もう１つは、配列などの要素数を指定するパターンです。

Dartには、List、Set、Mapの３つの配列がありますが、どれも「lengthプロパティ」で要素数を取得することが出来ます。

この「length」プロパティの値を、引数「itemCount」に指定します。

以下は、例です。

  var _list = <String>['a', 'b', 'c', 'd', 'e'];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ListView.builder(
        itemCount: _list.length,//lengthプロパティを指定
        itemBuilder: (context, index) {
          return /*item*/;
        },
      ),
    );
  }