overlay size

overlay_image_size.dart

import 'package:flutter/material.dart';

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

  @override
  Widget build(BuildContext context) {
    return Material(
      type: MaterialType.transparency,
      child: SafeArea(
        child: Stack(
          children: [
            Container(
              alignment: Alignment.center,
              color: Colors.red,
              padding: const EdgeInsets.all(20),
              child: InkWell(
                onTap: () {
                  debugPrint('Image tapped');
                  Navigator.pop(context);
                },
                child: const OverlayImage2(),
              ),
            ),
            Positioned(
              top: 20,
              right: 20,
              child: IconButton(
                icon: const Icon(Icons.close_rounded),
                color: Colors.white,
                onPressed: () => Navigator.pop(context),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Image.network(
      'https://picsum.photos/1080/1080',
      fit: BoxFit.contain,
      height: double.infinity,
      width: double.infinity,
    );
  }
}