relatica/lib/controls/image_control.dart

import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

import '../services/setting_service.dart';

final _shownImageUrls = <String>{};

class ImageControl extends StatefulWidget {
  final String imageUrl;
  final double? width;
  final double? height;
  final Function()? onTap;
  final Function()? onDoubleTap;
  final Icon? iconOverride;

  const ImageControl({
    super.key,
    required this.imageUrl,
    this.iconOverride,
    this.width,
    this.height,
    this.onTap,
    this.onDoubleTap,
  });

  @override
  State<ImageControl> createState() => _ImageControlState();
}

class _ImageControlState extends State<ImageControl> {
  void showImage() {
    _shownImageUrls.add(widget.imageUrl);
    setState(() {});
  }

  @override
  Widget build(BuildContext context) {
    final shown = !context.watch<SettingsService>().lowBandwidthMode ||
        _shownImageUrls.contains(widget.imageUrl);
    late final Widget image;
    if (shown) {
      _shownImageUrls.add(widget.imageUrl);
      image = CachedNetworkImage(
        imageUrl: widget.imageUrl,
        width: widget.width,
        height: widget.height,
      );
    } else {
      image = SizedBox(
        width: widget.width,
        height: widget.height,
        child: Card(
          color: Colors.black12,
          shape: const RoundedRectangleBorder(),
          child: widget.iconOverride ??
              const Icon(
                Icons.image,
              ),
        ),
      );
    }
    return GestureDetector(
      onTap: shown ? widget.onTap : showImage,
      child: image,
    );
  }
}