lukas/Gallery
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

load indicator on image grid

Browse Source 
center load indicator on directory load
support for trackpads
This commit is contained in:
lukas-heiligenbrunner 2022-10-07 12:38:53 +02:00
parent cc2f9dbb94
commit 9373df296c
3 changed files with 40 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
lib/image_grid.dart
View File

@ -107,9 +107,7 @@ class _ImageGridState extends State<ImageGrid> {
}
}
return const CircularProgressIndicator(
strokeWidth: 3,
);
return const Center(child: CircularProgressIndicator());
},
);
}

62
lib/image_tile.dart
View File

@ -14,37 +14,51 @@ class ImageTile extends StatelessWidget {
@override
Widget build(BuildContext context) {
return GestureDetector(
onTap: () {
onClick?.call();
},
child: Container(
onTap: () {
onClick?.call();
},
child: Container(
padding: const EdgeInsets.all(3),
child: Container(
decoration: imageUri == null
? BoxDecoration(
child: imageUri == null
? Container(
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.all(
Radius.circular(calcTileMaxWidth() / 30)),
boxShadow: [
BoxShadow(
color: Colors.black12,
spreadRadius: calcTileMaxWidth() / 150,
blurRadius: calcTileMaxWidth() / 60),
])
: BoxDecoration(
image: DecorationImage(
fit: BoxFit.cover,
image: dtaProvider!.getImageProvider(imageUri!),
),
BoxShadow(
color: Colors.black12,
spreadRadius: calcTileMaxWidth() / 150,
blurRadius: calcTileMaxWidth() / 60),
]),
child: child)
: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.all(
Radius.circular(calcTileMaxWidth() / 30)),
boxShadow: [
BoxShadow(
color: Colors.black12,
spreadRadius: calcTileMaxWidth() / 150,
blurRadius: calcTileMaxWidth() / 60),
]),
child: child)),
);
BoxShadow(
color: Colors.black12,
spreadRadius: calcTileMaxWidth() / 150,
blurRadius: calcTileMaxWidth() / 60),
]),
child: ClipRRect(
borderRadius: BorderRadius.all(
Radius.circular(calcTileMaxWidth() / 30),
),
child: Image(
fit: BoxFit.cover,
frameBuilder:
(context, child, frame, wasSynchronouslyLoaded) {
return frame == null
? const Center(
child: CircularProgressIndicator(),
)
: child;
},
image: dtaProvider!.getImageProvider(imageUri!),
)),
),
));
}
}

1
lib/main.dart
View File

@ -23,6 +23,7 @@ class AppScrollBehavior extends MaterialScrollBehavior {
Set<PointerDeviceKind> get dragDevices => {
PointerDeviceKind.touch,
PointerDeviceKind.mouse,
PointerDeviceKind.trackpad
};
}