2022-09-25 22:12:57 +00:00
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:gallery/data_provider/data_provider.dart';
|
2022-10-07 15:32:39 +00:00
|
|
|
import 'package:gallery/hover_detector.dart';
|
2022-09-29 19:01:28 +00:00
|
|
|
import 'package:gallery/utils/tile_size.dart';
|
2022-09-25 22:12:57 +00:00
|
|
|
|
|
|
|
class ImageTile extends StatelessWidget {
|
2022-09-26 22:30:13 +00:00
|
|
|
const ImageTile(
|
|
|
|
{Key? key, this.onClick, this.child, this.imageUri, this.dtaProvider})
|
|
|
|
: super(key: key);
|
2022-09-25 22:12:57 +00:00
|
|
|
final Function? onClick;
|
|
|
|
final Widget? child;
|
|
|
|
final Uri? imageUri;
|
|
|
|
final DataProvider? dtaProvider;
|
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
return GestureDetector(
|
2022-10-07 10:38:53 +00:00
|
|
|
onTap: () {
|
|
|
|
onClick?.call();
|
|
|
|
},
|
|
|
|
child: Container(
|
2022-09-29 19:01:28 +00:00
|
|
|
padding: const EdgeInsets.all(3),
|
2022-10-07 10:38:53 +00:00
|
|
|
child: imageUri == null
|
2022-10-07 15:32:39 +00:00
|
|
|
? HoverDetector(
|
|
|
|
defaultChild: _renderIcon(false),
|
|
|
|
hoverChild: _renderIcon(true))
|
|
|
|
: HoverDetector(
|
|
|
|
defaultChild: _renderImage(false),
|
|
|
|
hoverChild: _renderImage(true)),
|
|
|
|
));
|
|
|
|
}
|
|
|
|
|
|
|
|
Widget _renderIcon(bool border) {
|
|
|
|
return Container(
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
color: Colors.white,
|
|
|
|
border: border
|
|
|
|
? Border.all(color: const Color(0x7f444444), width: 3)
|
|
|
|
: null,
|
|
|
|
borderRadius:
|
|
|
|
BorderRadius.all(Radius.circular(calcTileMaxWidth() / 30)),
|
|
|
|
boxShadow: [
|
|
|
|
BoxShadow(
|
|
|
|
color: Colors.black12,
|
|
|
|
spreadRadius: calcTileMaxWidth() / 150,
|
|
|
|
blurRadius: calcTileMaxWidth() / 60),
|
|
|
|
]),
|
|
|
|
child: child);
|
|
|
|
}
|
|
|
|
|
|
|
|
Widget _renderImage(bool border) {
|
|
|
|
final image = Image(
|
|
|
|
fit: BoxFit.cover,
|
|
|
|
filterQuality: FilterQuality.high,
|
|
|
|
frameBuilder: (context, child, frame, wasSynchronouslyLoaded) {
|
|
|
|
return frame == null
|
|
|
|
? const Center(
|
|
|
|
child: CircularProgressIndicator(),
|
|
|
|
)
|
|
|
|
: child;
|
|
|
|
},
|
|
|
|
image: dtaProvider!.getImageProvider(imageUri!),
|
|
|
|
);
|
|
|
|
|
|
|
|
return Container(
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
border: border
|
|
|
|
? Border.all(color: const Color(0x7f444444), width: 3)
|
|
|
|
: null,
|
|
|
|
borderRadius: BorderRadius.all(
|
|
|
|
Radius.circular(calcTileMaxWidth() / (border ? 25 : 30))),
|
|
|
|
boxShadow: [
|
|
|
|
BoxShadow(
|
|
|
|
color: Colors.black12,
|
|
|
|
spreadRadius: calcTileMaxWidth() / 150,
|
|
|
|
blurRadius: calcTileMaxWidth() / 60),
|
|
|
|
]),
|
|
|
|
child: ClipRRect(
|
|
|
|
borderRadius: BorderRadius.all(
|
|
|
|
Radius.circular(calcTileMaxWidth() / 30),
|
|
|
|
),
|
|
|
|
child: image,
|
2022-10-07 10:38:53 +00:00
|
|
|
));
|
2022-09-25 22:12:57 +00:00
|
|
|
}
|
|
|
|
}
|