You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
88 lines
2.1 KiB
88 lines
2.1 KiB
import 'dart:io';
|
|
import 'dart:ui';
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:get/get.dart';
|
|
|
|
import 'package:akuCommunity/const/resource.dart';
|
|
import 'package:akuCommunity/constants/api.dart';
|
|
|
|
class BeeImagePreview extends StatefulWidget {
|
|
static Future<T> toFile<T>({@required File file, String tag}) async {
|
|
return await navigator.push(
|
|
PageRouteBuilder(
|
|
opaque: false,
|
|
pageBuilder: (context, animation, secondAnimation) {
|
|
return FadeTransition(
|
|
opacity: animation,
|
|
child: BeeImagePreview.file(file: file, tag: tag),
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
static toPath({@required String path, String tag}) {
|
|
navigator.push(
|
|
PageRouteBuilder(
|
|
opaque: false,
|
|
pageBuilder: (context, animation, secondAnimation) {
|
|
return FadeTransition(
|
|
opacity: animation,
|
|
child: BeeImagePreview.path(path: path, tag: tag),
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
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),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|