How to show list image like zalo in flutter - flutter

image description here
How to show list image like zalo in flutter

You can use Staggred Grid View to display the images based on their resolution
Package Link: https://pub.dev/packages/flutter_staggered_grid_view
Refer this SO Answer for more precise information

Related

Can someone give me the logic of this animated list with timer

I tried to find any flutter package for that but unfortunately, I did not find one enter image description here
You can use percent_indicator package, and for each percentage you show a text with check icon as like the image you show.

Caption on photos

I want to overlay a caption to different sorts of media (images, gifs, videos). Essentially add a white bar on top or bottom of the image and then write in some text. Then save the image/video to firebase as a new image with the caption added to it.
Does anyone know of any useful packages or tutorials that could help me do this?
There are some dart packages I can list so that they will help you:
Image editor pro
For storing them in firebase i can list you another package:
Firebase picture uploader

Create a shareable Image/ certificate in Flutter

In my Flutter app, I want to be able to create some kind of certificate of completion. The layout will be always the same, but picture and text in it should change. This certificate should be created in a jpg format, so I can share it with other apps.
Does anyone have an idea how this could be accomplished?
The only way I can imagine is that I create a Screen template where I put in text and picture, then let the phone take a screenshot and save that screenshot automatically. But this might lead to unwanted content in the picture and different image sizes. I have searched for Widgets/ ways to create an image in Flutter but could not find anything.
You will need to create a widget with constructors (Image and text).
Then use a flutter package called screenshot to capture the parent widget as image and save it to the users phone.
plugin link: https://pub.dev/packages/screenshot

Removing Flutter accessibility description from decorative image

I have used a decorative image in my Flutter image using the Image class.
When I use Android Talkback to hover over the image it says "unlabelled image", is there a way to remove this description so nothing is announced?
The Android docs have guidance on removing it for Android, how should I do this in Flutter?
Decorative images or images that don't convey meaningful information
graphically do not require content labels. In these cases, set an
android:contentDescription attribute of "#null" or an
android:importantForAccessibility attribute of "no".

Adding custom width hieght if fancybox opened svg image

Im using fancybox popup for images. I want to check if a loaded image is svg then assign custome width height for overwirte actual size of a image.pls advice
Simply use this demo https://codepen.io/fancyapps/pen/rYQogO?editors=1010 (from the docs) as an example. This is how you can check current source - current.src