96 lines
2.8 KiB
Dart
96 lines
2.8 KiB
Dart
import 'package:wonders/common_libs.dart';
|
|
import 'package:wonders/ui/common/utils/app_haptics.dart';
|
|
|
|
class FullscreenUrlImgViewer extends StatefulWidget {
|
|
const FullscreenUrlImgViewer({Key? key, required this.urls, this.index = 0}) : super(key: key);
|
|
final List<String> urls;
|
|
final int index;
|
|
|
|
static const double imageScale = 2.5;
|
|
|
|
@override
|
|
State<FullscreenUrlImgViewer> createState() => _FullscreenUrlImgViewerState();
|
|
}
|
|
|
|
class _FullscreenUrlImgViewerState extends State<FullscreenUrlImgViewer> with StatefulPropsMixin {
|
|
final _isZoomed = ValueNotifier(false);
|
|
late final _pages = PageControllerProp(this, initialPage: widget.index);
|
|
|
|
void _handleBackPressed() => Navigator.pop(context, _pages.page.round());
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
Widget content = ListenableBuilder(
|
|
listenable: _isZoomed,
|
|
builder: (_, __) {
|
|
final bool enableSwipe = !_isZoomed.value && widget.urls.length > 1;
|
|
return PageView.builder(
|
|
physics: enableSwipe ? PageScrollPhysics() : NeverScrollableScrollPhysics(),
|
|
controller: _pages.controller,
|
|
itemCount: widget.urls.length,
|
|
itemBuilder: (_, index) => _Viewer(widget.urls[index], _isZoomed),
|
|
onPageChanged: (_) => AppHaptics.lightImpact(),
|
|
);
|
|
},
|
|
);
|
|
|
|
content = Semantics(
|
|
label: $strings.fullscreenImageViewerSemanticFull,
|
|
container: true,
|
|
image: true,
|
|
child: ExcludeSemantics(child: content),
|
|
);
|
|
|
|
return Container(
|
|
color: $styles.colors.black,
|
|
child: Stack(
|
|
children: [
|
|
Positioned.fill(child: content),
|
|
BackBtn.close(onPressed: _handleBackPressed).safe(),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _Viewer extends StatefulWidget {
|
|
const _Viewer(this.url, this.isZoomed, {Key? key}) : super(key: key);
|
|
|
|
final String url;
|
|
final ValueNotifier<bool> isZoomed;
|
|
|
|
@override
|
|
State<_Viewer> createState() => _ViewerState();
|
|
}
|
|
|
|
class _ViewerState extends State<_Viewer> with StatefulPropsMixin {
|
|
late final _transformation = TransformationControllerProp(this);
|
|
|
|
/// Reset zoom level to 1 on double-tap
|
|
void _handleDoubleTap() => _transformation.controller.value = Matrix4.identity();
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return GestureDetector(
|
|
onDoubleTap: _handleDoubleTap,
|
|
child: InteractiveViewer(
|
|
transformationController: _transformation.controller,
|
|
onInteractionEnd: (_) => widget.isZoomed.value = _transformation.matrix.getMaxScaleOnAxis() > 1,
|
|
minScale: 1,
|
|
maxScale: 5,
|
|
child: Hero(
|
|
tag: widget.url,
|
|
child: AppImage(
|
|
image: NetworkImage(
|
|
widget.url,
|
|
),
|
|
fit: BoxFit.contain,
|
|
scale: FullscreenUrlImgViewer.imageScale,
|
|
progress: true,
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|