import 'dart:io';

import 'package:aku_new_community/const/resource.dart';
import 'package:aku_new_community/constants/api.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';

///图片点击放大预览
class BeeImagePreview extends StatefulWidget {
  static Future<T?> toFile<T>({required File file, String? tag}) async {
    return await navigator!.push(
      PageRouteBuilder(
        opaque: false,
        fullscreenDialog: true,
        pageBuilder: (context, animation, secondAnimation) {
          return FadeTransition(
            opacity: animation,
            child: BeeImagePreview.file(file: file, tag: tag),
          );
        },
        transitionsBuilder: (context, animation, secondaryAnimation, child) {
          return child;
        },
      ),
    );
  }

  static toPath({required String? path, String? tag}) {
    navigator!.push(
      PageRouteBuilder(
        opaque: false,
        fullscreenDialog: true,
        pageBuilder: (context, animation, secondAnimation) {
          return BeeImagePreview.path(path: path, tag: tag);
        },
        transitionsBuilder: (context, animation, secondaryAnimation, child) {
          return FadeTransition(
            opacity: animation,
            child: child,
          );
        },
      ),
    );
  }

  final File? file;
  final String? path;
  final String? tag;

  BeeImagePreview.file({Key? key, required this.file, this.tag})
      : path = null,
        super(key: key);

  BeeImagePreview.path({Key? key, required this.path, this.tag})
      : file = null,
        super(key: key);

  @override
  _BeeImagePreviewState createState() => _BeeImagePreviewState();
}

class _BeeImagePreviewState extends State<BeeImagePreview> {
  Widget get image {
    if (widget.file == null)
      return Hero(
        tag: widget.tag ?? widget.path!,
        child: FadeInImage.assetNetwork(
          placeholder: R.ASSETS_IMAGES_PLACEHOLDER_WEBP,
          image: API.image(widget.path),
        ),
      );
    else
      return Hero(
        tag: widget.tag ?? widget.file.hashCode,
        child: Image.file(widget.file!),
      );
  }

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: Get.back,
      child: Scaffold(
        backgroundColor: Colors.black54,
        body: InteractiveViewer(
          boundaryMargin: EdgeInsets.all(48),
          minScale: 0.2,
          maxScale: 10,
          child: Center(child: image),
        ),
      ),
    );
  }
}