90 lines
2.4 KiB
Dart
90 lines
2.4 KiB
Dart
import 'package:bubble/bubble.dart';
|
|
import 'package:famedlysdk/famedlysdk.dart';
|
|
import 'package:fluffychat/utils/app_route.dart';
|
|
import 'package:fluffychat/views/image_view.dart';
|
|
import 'package:flutter/material.dart';
|
|
|
|
class ImageBubble extends StatefulWidget {
|
|
final Event event;
|
|
final bool tapToView;
|
|
final BoxFit fit;
|
|
|
|
const ImageBubble(
|
|
this.event, {
|
|
this.tapToView = true,
|
|
this.fit = BoxFit.cover,
|
|
Key key,
|
|
}) : super(key: key);
|
|
|
|
@override
|
|
_ImageBubbleState createState() => _ImageBubbleState();
|
|
}
|
|
|
|
class _ImageBubbleState extends State<ImageBubble> {
|
|
static final Map<String, MatrixFile> _matrixFileMap = {};
|
|
MatrixFile get _file => _matrixFileMap[widget.event.eventId];
|
|
set _file(MatrixFile file) {
|
|
_matrixFileMap[widget.event.eventId] = file;
|
|
}
|
|
|
|
dynamic _error;
|
|
|
|
Future<MatrixFile> _getFile() async {
|
|
if (_file != null) return _file;
|
|
return widget.event
|
|
.downloadAndDecryptAttachment(getThumbnail: widget.event.hasThumbnail);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Bubble(
|
|
padding: BubbleEdges.all(0),
|
|
radius: Radius.circular(10),
|
|
color: Theme.of(context).secondaryHeaderColor,
|
|
elevation: 0,
|
|
child: Container(
|
|
height: 300,
|
|
width: 400,
|
|
child: Builder(
|
|
builder: (BuildContext context) {
|
|
if (_error != null) {
|
|
return Center(
|
|
child: Text(
|
|
_error.toString(),
|
|
),
|
|
);
|
|
}
|
|
if (_file != null) {
|
|
return InkWell(
|
|
onTap: () {
|
|
if (!widget.tapToView) return;
|
|
Navigator.of(context).push(
|
|
AppRoute(
|
|
ImageView(widget.event),
|
|
),
|
|
);
|
|
},
|
|
child: Hero(
|
|
tag: widget.event.eventId,
|
|
child: Image.memory(
|
|
_file.bytes,
|
|
fit: widget.fit,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
_getFile().then((MatrixFile file) {
|
|
setState(() => _file = file);
|
|
}, onError: (error, stacktrace) {
|
|
setState(() => _error = error);
|
|
});
|
|
return Center(
|
|
child: CircularProgressIndicator(),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|