import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';

void main() => runApp(const CupertinoApp(home: TestListView2()));

final testUrls = List.generate(
    24,
    (index) =>
        "https://s2.baozicdn.com/scomic/fanpaidashixiongshimeimenquanshibingjiao-pikapi/0/1-i8qs/${index + 1}.jpg");

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

  @override
  Widget build(BuildContext context) {
 return ListView.builder(
      cacheExtent: 1000,
      itemCount: testUrls.length,
      itemBuilder: (context, index) {
        return Container(
          color: Colors.white,
          child: Image.network(
            testUrls[index],
            loadingBuilder: (context, child, loadingProgress) {
              if (loadingProgress == null) {
                return Column(
                  children: [
                    child,
                    Text("index $index"),
                  ],
                );
              } else {
                return SizedBox(child: Text("loading...$index"));
              }
            },
          ),
        );
      },
    );
  }
}