This is my implimentation in FlutterFlow using preload_page_view

Make sure to add preload_page_view: ^0.2.0 as the dependency.
// Automatic FlutterFlow imports\nimport '/backend/backend.dart';\nimport '/backend/schema/structs/index.dart';\nimport '/flutter_flow/flutter_flow_theme.dart';\nimport '/flutter_flow/flutter_flow_util.dart';\nimport '/custom_code/widgets/index.dart'; // Imports other custom widgets\nimport '/flutter_flow/custom_functions.dart'; // Imports custom functions\nimport 'package:flutter/material.dart';\n// Begin custom widget code\n// DO NOT REMOVE OR MODIFY THE CODE ABOVE!\n\nimport 'package:preload_page_view/preload_page_view.dart';\n\nclass PreloadPageViewCustomWidget extends StatefulWidget {\n  const PreloadPageViewCustomWidget({\n    super.key,\n    this.width,\n    this.height,\n    this.imageUrls,\n    this.preloadPagesCount,\n    this.onPageChanged,\n  });\n\n  final double? width;\n  final double? height;\n  final List<String>? imageUrls;\n  final int? preloadPagesCount;\n  final Future Function()? onPageChanged;\n\n  @override\n  State<PreloadPageViewCustomWidget> createState() =>\n      _PreloadPageViewCustomWidgetState();\n}\n\nclass _PreloadPageViewCustomWidgetState\n    extends State<PreloadPageViewCustomWidget> {\n  late PreloadPageController _controller;\n\n  @override\n  void initState() {\n    super.initState();\n    _controller = PreloadPageController();\n  }\n\n  @override\n  void dispose() {\n    _controller.dispose();\n    super.dispose();\n  }\n\n  @override\n  Widget build(BuildContext context) {\n    return Container(\n      width: widget.width,\n      height: widget.height,\n      child: PreloadPageView.builder(\n        itemCount: widget.imageUrls?.length ?? 0,\n        preloadPagesCount: widget.preloadPagesCount ?? 1,\n        controller: _controller,\n        itemBuilder: (BuildContext context, int index) {\n          return Image.network(\n            widget.imageUrls![index],\n            fit: BoxFit.cover,\n            loadingBuilder: (BuildContext context, Widget child,\n                ImageChunkEvent? loadingProgress) {\n              if (loadingProgress == null) return child;\n              return Center(\n                child: CircularProgressIndicator(\n                  value: loadingProgress.expectedTotalBytes != null\n                      ? loadingProgress.cumulativeBytesLoaded /\n                          loadingProgress.expectedTotalBytes!\n                      : null,\n                ),\n              );\n            },\n            errorBuilder: (context, error, stackTrace) {\n              return Center(child: Text('Error loading image'));\n            },\n          );\n        },\n        onPageChanged: (int position) async {\n          if (widget.onPageChanged != null) {\n            await widget.onPageChanged!();\n          }\n        },\n      ),\n    );\n  }\n}\n
Cheers,
Stuart
Preload all images on the PageView
