Rumahjo-Android-APP/lib/utils/customHeroAnimation.dart

import 'dart:developer';

import 'package:ebroker/Ui/screens/widgets/AnimatedRoutes/blur_page_route.dart';
import 'package:flutter/material.dart';

class CustomImageHeroAnimation extends StatefulWidget {
  final Widget child;
  final CImageType type;
  final dynamic image;

  const CustomImageHeroAnimation(
      {Key? key, required this.child, required this.type, this.image})
      : super(key: key);

  @override
  State<CustomImageHeroAnimation> createState() =>
      _CustomImageHeroAnimationState();
}

class _CustomImageHeroAnimationState extends State<CustomImageHeroAnimation> {
  final GlobalKey _key = GlobalKey();

  Map<String, double> _getWidgetInfo(BuildContext context, GlobalKey key) {
    final RenderBox renderBox =
        key.currentContext?.findRenderObject() as RenderBox;

    final Size size = renderBox.size; // or _widgetKey.currentContext?.size
    print('Size: ${size.width}, ${size.height}');

    final Offset offset = renderBox.localToGlobal(Offset.zero);
    print('Offset: ${offset.dx}, ${offset.dy}');
    print(
        'Position: ${(offset.dx + size.width) / 2}, ${(offset.dy + size.height) / 2}');

    return {
      "x": (offset.dx),
      "y": (offset.dy),
      "width": size.width,
      "height": size.height,
      "offX": offset.dx,
      "offY": offset.dy
    };
  }

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () {
        Map<String, double> targetWidgetInfo = _getWidgetInfo(context, _key);

        Navigator.push(
            context,
            BlurredRouter(
                builder: (context) {
                  return _CustomHeroDestinationScreen(
                    renderWidgetData: targetWidgetInfo,
                    type: widget.type,
                    image: widget.image,
                  );
                },
                barrierDismiss: true));
      },
      child: Container(
        key: _key,
        child: widget.child,
      ),
    );
  }
}

enum CImageType { Asset, Network, File, Memory }

class _CustomHeroDestinationScreen extends StatefulWidget {
  final Map<String, dynamic> renderWidgetData;
  final CImageType type;
  final dynamic image;
  const _CustomHeroDestinationScreen(
      {Key? key,
      required this.renderWidgetData,
      required this.type,
      this.image})
      : super(key: key);

  @override
  State<_CustomHeroDestinationScreen> createState() =>
      _CustomHeroDestinationScreenState();
}

class _CustomHeroDestinationScreenState
    extends State<_CustomHeroDestinationScreen>
    with SingleTickerProviderStateMixin {
  late final AnimationController _controller =
      AnimationController(vsync: this, duration: Duration(milliseconds: 400));
  late Animation<Offset> _sizeTween;
  late Animation<Offset> _positionTween;
  var mediaQuery = Size(0, 0);
  @override
  void didChangeDependencies() {
    mediaQuery = MediaQuery.of(context).size;

    super.didChangeDependencies();
  }

  @override
  void initState() {
    Future.delayed(
      Duration.zero,
      () {
        mediaQuery = MediaQuery.of(context).size;
      },
    );

    var width = widget.renderWidgetData['width'];
    var height = widget.renderWidgetData['height'];
    var targetPosition = Offset((mediaQuery.width / 2) - (width / 2),
        (mediaQuery.height / 2) - (height / 2));

    _sizeTween =
        Tween(begin: Offset(width, height), end: const Offset(200, 200))
            .animate(_controller);
    Future.delayed(
      Duration.zero,
      () {
        _positionTween = Tween(
                begin: Offset(
                    widget.renderWidgetData['x'], widget.renderWidgetData['y']),
                end: Offset((MediaQuery.of(context).size.width / 2) - (200 / 2),
                    (MediaQuery.of(context).size.height / 2) - 100))
            .animate(_controller);
      },
    );

    Future.delayed(
      const Duration(milliseconds: 50),
      () {
        _controller.forward();
      },
    );

    super.initState();
  }

  ImageProvider imageTypeAdapeter(CImageType type, dynamic image) {
    switch (type) {
      case CImageType.Asset:
        return AssetImage(image);

      case CImageType.Network:
        return NetworkImage(image);

      case CImageType.File:
        return FileImage(image);

      case CImageType.Memory:
        return MemoryImage(image);
    }
  }

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () {
        Navigator.pop(context);
      },
      child: Scaffold(
        backgroundColor: Colors.black.withOpacity(0.1),
        body: AnimatedBuilder(
            animation: _controller,
            builder: (context, child) {
              return InteractiveViewer(
                child: Stack(
                  children: [
                    Positioned(
                      left: _positionTween.value.dx,
                      top: _positionTween.value.dy,
                      child: Container(
                        clipBehavior: Clip.antiAlias,
                        width: _sizeTween.value.dx,
                        height: _sizeTween.value.dy,
                        decoration: BoxDecoration(shape: BoxShape.circle),
                        child: Image(
                          fit: BoxFit.cover,
                          image: imageTypeAdapeter(widget.type, widget.image),
                        ),
                      ),
                    ),
                  ],
                ),
              );
            }),
      ),
    );
  }
}