How to implement a Photo Gallery page, like Google Photos or similar

Widgets & Design

Hey guys, I've been doing some digging the past few days on the best practice to build a photo album gallery page. Something like Google Photos or like in the attached video.

My current implementation is a StaggeredView component to display the photos pulled from Firebase. But it only displays the list without any interactivity. So it's hardly a good gallery.

I am looking for an easy way to design a plug-n-play widget if possible. Any recommendations?

photo_gallery_example.mp4
1.82MB

What have you tried so far?

I've looked at past posts like: https://community.flutterflow.io/widgets-and-design/post/photo-album-with-swipe-on-expanding-WJgBuUHULtCYvY3

The recommended method is to create a custom widget. So I looked at gallery packages on pub.dev, like:
1. https://pub.dev/packages/flutter_lightbox
2. https://pub.dev/packages/swipe_image_gallery
3. https://pub.dev/packages/interactiveviewer_gallery

They're alright. Not the prettiest. I wonder if there's a way I can do it with minimal code.

I also looked at the MediaDisplay component on Flutterflow docs. But unsure if this would provide the interactivity I am looking for.

Did you check FlutterFlow's Documentation for this topic?
Yes
3 replies