Почему ListView создает новый объект, если он уже находится в памяти

Вы наблюдаете, что когда вы просматриваете список элементов и прокручиваете его вверх и вниз, последовательность вызова initState, build и dispose одинакова, если вы используете ListView или ListView.builder.

Преимущество использования ListView.builder заключается в том, что виджеты создаются по требованию, когда виджет появляется в поле зрения. Под созданным я подразумеваю вызов конструктора и создание экземпляра.

Я расширил ваш пример и добавил одну страницу, используя ListView, и другую страницу, используя ListView.builder. Кроме того, я добавил статическую переменную ItemWidget.count, который увеличивается в теле конструктора и сохраняет количество созданных экземпляров.

import 'package:flutter/material.dart';

class Item {
  Item({required this.index});
  final int index;
}

void main() {
  runApp(const MainApp());
}

class MainApp extends StatelessWidget {
  const MainApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(home: PageOne());
  }
}

class PageOne extends StatelessWidget {
  const PageOne({super.key});

  @override
  Widget build(BuildContext context) {
    final items = List.generate(25000, (index) => Item(index: index));

    return Scaffold(
      body: Center(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            const SizedBox(height: 16),
            ElevatedButton(
              onPressed: () => Navigator.push(
                  context,
                  MaterialPageRoute(
                    builder: (context) => ListViewPage(items: items),
                  )),
              child: const Text('ListView'),
            ),
            ElevatedButton(
              onPressed: () => Navigator.push(
                  context,
                  MaterialPageRoute(
                    builder: (context) => ListViewBuilderPage(items: items),
                  )),
              child: const Text('ListViewBuilder'),
            ),
          ],
        ),
      ),
    );
  }
}

class ListViewPage extends StatelessWidget {
  const ListViewPage({super.key, required this.items});
  final List<Item> items;

  @override
  Widget build(BuildContext context) {
    final children = items.map((e) => ItemWidget(item: e)).toList();
    final listView = ListView(children: children);

    return Scaffold(
      body: listView,
      floatingActionButton: FloatingActionButton(
        child: const Icon(Icons.navigate_before),
        onPressed: () => Navigator.push(
            context,
            MaterialPageRoute(
              builder: (context) => const PageOne(),
            )),
      ),
    );
  }
}

class ListViewBuilderPage extends StatelessWidget {
  const ListViewBuilderPage({super.key, required this.items});
  final List<Item> items;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      floatingActionButton: FloatingActionButton(
        child: const Icon(Icons.navigate_before),
        onPressed: () => Navigator.push(
            context,
            MaterialPageRoute(
              builder: (context) => const PageOne(),
            )),
      ),
      body: ListView.builder(
        itemCount: items.length,
        itemBuilder: (context, index) => ItemWidget(item: items[index]),
      ),
    );
  }
}

class ItemWidget extends StatefulWidget {
  ItemWidget({super.key, required this.item}) {
    ++_count;
  }
  final Item item;
  static int _count = 0;
  static int get count => _count;
  @override
  State<ItemWidget> createState() => _ItemWidgetState();
}

class _ItemWidgetState extends State<ItemWidget> {
  @override
  void initState() {
    super.initState();
    debugPrint(
        'Init state ${widget.item.index} => count: ${ItemWidget.count}');
  }

  @override
  void dispose() {
    debugPrint(
        'Dispose state ${widget.item.index} => count: ${ItemWidget.count}');
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    debugPrint(
        'Build widget: ${widget.item.index} => count: ${ItemWidget.count}');
    return Text('widget index: ${widget.item.index} => count: ${ItemWidget.count}');
  }
}

Перезапускаем приложение и просматриваем страницу ListViewPage, отображается следующий список:

widget index: 0 => count: 25000
widget index: 1 => count: 25000
widget index: 2 => count: 25000
...

Обратите внимание, что конструктор уже вызывался 25 000 раз.

Перезапускаем приложение и просматриваем страницу ListViewBuilderPage, отображается следующий список:

widget index: 0 => count: 1
widget index: 1 => count: 2
widget index: 2 => count: 3
...

В этом случае ItemWidget создаются по запросу.