GitLab/fluffychat
2
0
Fork 0
mirror of https://gitlab.com/famedly/fluffychat.git synced 2024-11-23 20:49:26 +01:00
Code Issues Projects Releases Wiki Activity

Merge branch 'change-photo-viewer' into 'main'

Browse Source 
feat: Add vertical swipe down to dismiss photo viewer

Closes #89

See merge request famedly/fluffychat!342
This commit is contained in:
Krille Fear 2021-01-18 06:56:03 +00:00
commit 81419942dd
1 changed files with 23 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
lib/views/image_view.dart
View File

@ -3,8 +3,8 @@ import 'package:famedlysdk/famedlysdk.dart';
import 'package:fluffychat/components/image_bubble.dart'; import 'package:fluffychat/components/image_bubble.dart';
import 'package:fluffychat/components/matrix.dart'; import 'package:fluffychat/components/matrix.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:photo_view/photo_view.dart';
import '../utils/event_extension.dart'; import '../utils/event_extension.dart';
import '../utils/platform_infos.dart';
class ImageView extends StatelessWidget { class ImageView extends StatelessWidget {
final Event event; final Event event;
@ -19,6 +19,8 @@ class ImageView extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
var calcVelocity = MediaQuery.of(context).size.height * 1.50;
return Scaffold( return Scaffold(
backgroundColor: Colors.black, backgroundColor: Colors.black,
extendBodyBehindAppBar: true, extendBodyBehindAppBar: true,
@ -43,19 +45,28 @@ class ImageView extends StatelessWidget {
), ),
], ],
), ),
body: PhotoView.customChild( body: InteractiveViewer(
child: Center(
child: ImageBubble(
event,
tapToView: false,
onLoaded: onLoaded,
fit: BoxFit.contain,
backgroundColor: Colors.black,
maxSize: false,
radius: 0.0,
thumbnailOnly: false,
),
),
minScale: 1.0, minScale: 1.0,
maxScale: 10.0, maxScale: 10.0,
child: ImageBubble( onInteractionEnd: (ScaleEndDetails endDetails) {
event, if (PlatformInfos.usesTouchscreen == false) {
tapToView: false, if (endDetails.velocity.pixelsPerSecond.dy > calcVelocity) {
onLoaded: onLoaded, Navigator.of(context).pop();
fit: BoxFit.contain, }
backgroundColor: Colors.black, }
maxSize: false, },
radius: 0.0,
thumbnailOnly: false,
),
), ),
); );
} }