0ct0pu5/ente
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Extract zoomable image into a separate file

Browse source
This commit is contained in:
Vishnu Mohandas 2020-04-24 23:04:46 +05:30
parent 0ea72542f9
commit 3a37f1a35f
2 changed files with 72 additions and 50 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
lib/ui/detail_page.dart
View file

@ -1,12 +1,9 @@
import 'dart:typed_data';
import 'package:flutter/material.dart';
import 'package:logger/logger.dart';
import 'package:myapp/core/lru_map.dart';
import 'package:myapp/models/photo.dart';
import 'package:photo_view/photo_view.dart';
import 'package:myapp/ui/zoomable_image.dart';
import 'extents_page_view.dart';
import 'loading_widget.dart';
import 'package:myapp/utils/share_util.dart';
class DetailPage extends StatefulWidget {
@ -40,7 +37,7 @@ class _DetailPageState extends State<DetailPage> {
return _cachedImages.get(index);
}
final image = ZoomableImage(
photo: widget.photos[index],
widget.photos[index],
shouldDisableScroll: (value) {
setState(() {
_shouldDisableScroll = value;
@ -77,48 +74,3 @@ class _DetailPageState extends State<DetailPage> {
);
}
}
class ZoomableImage extends StatelessWidget {
final Function(bool) shouldDisableScroll;
const ZoomableImage({
Key key,
@required this.photo,
this.shouldDisableScroll,
}) : super(key: key);
final Photo photo;
@override
Widget build(BuildContext context) {
Logger().i("Building " + photo.toString());
if (ImageLruCache.getData(photo.generatedId) != null) {
return _buildPhotoView(ImageLruCache.getData(photo.generatedId));
}
return FutureBuilder<Uint8List>(
future: photo.getBytes(),
builder: (_, snapshot) {
if (snapshot.hasData) {
return _buildPhotoView(snapshot.data);
} else if (snapshot.hasError) {
return Text(snapshot.error.toString());
} else {
return loadWidget;
}
},
);
}
Widget _buildPhotoView(Uint8List imageData) {
ValueChanged<PhotoViewScaleState> scaleStateChangedCallback = (value) {
if (shouldDisableScroll != null) {
shouldDisableScroll(value != PhotoViewScaleState.initial);
}
};
return PhotoView(
imageProvider: Image.memory(imageData).image,
scaleStateChangedCallback: scaleStateChangedCallback,
minScale: PhotoViewComputedScale.contained,
);
}
}

70
lib/ui/zoomable_image.dart Normal file
View file

@ -0,0 +1,70 @@
import 'dart:typed_data';
import 'package:flutter/widgets.dart';
import 'package:logger/logger.dart';
import 'package:myapp/core/lru_map.dart';
import 'package:myapp/models/photo.dart';
import 'package:myapp/ui/image_widget.dart';
import 'package:myapp/ui/loading_widget.dart';
import 'package:photo_view/photo_view.dart';
class WidgetLruCache {
static LRUMap<int, Widget> _map = LRUMap(500);
static Widget get(Photo photo) {
return _map.get(photo.generatedId);
}
static void put(Photo photo, Widget data) {
_map.put(photo.generatedId, data);
}
}
class ZoomableImage extends StatelessWidget {
final Function(bool) shouldDisableScroll;
const ZoomableImage(
this.photo, {
Key key,
this.shouldDisableScroll,
}) : super(key: key);
final Photo photo;
@override
Widget build(BuildContext context) {
Logger().i("Building " + photo.toString());
if (WidgetLruCache.get(photo) != null) {
return WidgetLruCache.get(photo);
}
Logger().i("Cache miss " + photo.toString());
return FutureBuilder<Uint8List>(
future: photo.getBytes(),
builder: (_, snapshot) {
if (snapshot.hasData) {
final photoView = _buildPhotoView(snapshot.data);
WidgetLruCache.put(photo, photoView);
return photoView;
} else if (snapshot.hasError) {
return Text(snapshot.error.toString());
} else {
Logger().i("Loading");
return ImageWidget(photo);
}
},
);
}
Widget _buildPhotoView(Uint8List imageData) {
ValueChanged<PhotoViewScaleState> scaleStateChangedCallback = (value) {
if (shouldDisableScroll != null) {
shouldDisableScroll(value != PhotoViewScaleState.initial);
}
};
return PhotoView(
imageProvider: Image.memory(imageData).image,
scaleStateChangedCallback: scaleStateChangedCallback,
minScale: PhotoViewComputedScale.contained,
);
}
}