Add empty state for images in map
This commit is contained in:
parent
fb7dfa2059
commit
f59287ceee
|
@ -140,6 +140,7 @@ class _MapScreenState extends State<MapScreen> {
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
|
final textTheme = getEnteTextTheme(context);
|
||||||
return Container(
|
return Container(
|
||||||
color: getEnteColorScheme(context).backgroundBase,
|
color: getEnteColorScheme(context).backgroundBase,
|
||||||
child: SafeArea(
|
child: SafeArea(
|
||||||
|
@ -175,20 +176,41 @@ class _MapScreenState extends State<MapScreen> {
|
||||||
),
|
),
|
||||||
child: SizedBox(
|
child: SizedBox(
|
||||||
height: 116,
|
height: 116,
|
||||||
child: ListView.builder(
|
child: AnimatedSwitcher(
|
||||||
itemCount: visibleImages.length,
|
duration: const Duration(milliseconds: 200),
|
||||||
scrollDirection: Axis.horizontal,
|
switchInCurve: Curves.easeInOutExpo,
|
||||||
padding: const EdgeInsets.symmetric(horizontal: 2),
|
switchOutCurve: Curves.easeInOutExpo,
|
||||||
physics: const BouncingScrollPhysics(),
|
child: visibleImages.isNotEmpty
|
||||||
itemBuilder: (context, index) {
|
? ListView.builder(
|
||||||
final image = visibleImages[index];
|
itemCount: visibleImages.length,
|
||||||
return ImageTile(
|
scrollDirection: Axis.horizontal,
|
||||||
image: image,
|
padding:
|
||||||
allImages: allImages,
|
const EdgeInsets.symmetric(horizontal: 2),
|
||||||
visibleImages: visibleImages,
|
physics: const BouncingScrollPhysics(),
|
||||||
index: index,
|
itemBuilder: (context, index) {
|
||||||
);
|
final image = visibleImages[index];
|
||||||
},
|
return ImageTile(
|
||||||
|
image: image,
|
||||||
|
allImages: allImages,
|
||||||
|
visibleImages: visibleImages,
|
||||||
|
index: index,
|
||||||
|
);
|
||||||
|
},
|
||||||
|
)
|
||||||
|
: Column(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
"No photos found here",
|
||||||
|
style: textTheme.large,
|
||||||
|
),
|
||||||
|
const SizedBox(height: 4),
|
||||||
|
Text(
|
||||||
|
"Zoom out to see photos",
|
||||||
|
style: textTheme.smallFaint,
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
)
|
)
|
||||||
|
|
Loading…
Reference in a new issue