flutterのDataTableで重複したレコードが出力される

実現したいこと・前提

flutterでAPIから取得した結果をDataTableで出力するプログラムを作成しています。
DataTableの出力結果を確認したところ、APIで取得した結果を繰り返し出力していることがわかりました。

APIで取得した結果を1回分のみ出力させるように修正したいのですが、原因がわかりませんでした。
ご教授よろしくお願い致します。

発生している問題・エラーメッセージ

実行時のエラーはありません。

該当のソースコード

dart
1class ListPage extends StatelessWidget {
2  const ListPage(
3      {required this.color,
4      required this.title,
5      this.listIndex = 0,
6      this.onPush,
7      Key? key})
8      : super(key: key);
9  final MaterialColor color;
10  final String title;
11  final int listIndex;
12  final ValueChanged<int>? onPush;
13
14
15  @override
16  Widget build(BuildContext context) {
17
18    return Scaffold(
19      appBar: AppBar(
20        backgroundColor: color,
21        title: Text(
22          title,
23        ),
24      ),
25      body: SafeArea(
26        child: Container(
27          margin: const EdgeInsets.all(20),
28          child: const List(),
29        ),
30      ),
31    );
32  }
33}
34
35class List extends StatefulWidget {
36  const List({Key? key}) : super(key: key);
37
38  @override
39  State<List> createState() => _ListState();
40}
41
42class _ListState extends State<List> {
43  @override
44  Widget build(BuildContext context) {
45    return FutureBuilder(
46      future: Provider.of<ListApi>(context, listen: false).fetchList(),
47      builder: (ctx, dataSnapshot) {
48        if (dataSnapshot.connectionState == ConnectionState.waiting) {
49          // 非同期処理未完了 = 通信中
50          return const Center(child: CircularProgressIndicator());
51        }
52        if (dataSnapshot.error != null) {
53          // エラー
54          return const Center(child: Text('データ取得に失敗しました.'));
55        }
56        // 成功処理
57        return Consumer<ListApi>(
58          builder: (BuildContext content, ListApi List, child) =>
59              ListView.builder(
60            itemCount: List.items.length,
61            itemBuilder: (BuildContext context, int index) {
62              return SingleChildScrollView(
63                  scrollDirection: Axis.horizontal,
64                  child: DataTable(columnSpacing: 38.0, columns: const [
65                    DataColumn(label: TextWidget(value: 'カラム1', size: 18),),
66                    DataColumn(label: TextWidget(value: 'カラム2', size: 18),),
67                    DataColumn(label: TextWidget(value: 'カラム3', size: 18),),
68                  ], rows: List.items.map((e) => DataRow(
69                      selected: false,
70                      onSelectChanged: (value) {},
71                      cells: [
72                        DataCell(TextWidget(value: e.column1, size: 18)),
73                        DataCell(TextWidget(value: e.column2.toString(), size: 18)),
74                        DataCell(TextWidget(value: e.column3.toString(), size: 18)),
75                      ]
76                  )).toList(),
77                  ),
78              );
79            },
80          ),
81        );
82      },
83    );
84  }
85}
86

dart
1
2
3class ListApi with ChangeNotifier {
4  List<ListModel> _items = [];
5
6  List<ListModel> get items {
7    return [..._items];
8  }
9
10  Future<void> fetchList() async {
11    _items = [];
12
13    dynamic json = await NetworkHelper.getData('$apiRoute/api');
14    print(json);
15
16    for (int i = 0; i < json.length; i++) {
17      _items.add(ListModel(
18        column1: json[i]['column1'],
19        column2: json[i]['column2'],
20        column3: json[i]['column3'],
21      ));
22    }
23    notifyListeners();
24  }
25}
26